WP Rocket 3.19 : 개선 된 LCP 및 레이아웃 안정성을위한 손쉬운 향상

게시 됨: 2025-06-12

포뮬러 1 팀이 레이스에서이기는 방법을 기억하십니까? 그것은 단 하나의 큰 변화 일뿐 만 아니라 장기적으로 추가되는 많은 작은 개선입니다. 우리의 새로운 주요 릴리스는 다시 한 번 점진적이고 스마트 최적화에 대한이 비전을 반영합니다. WP Rocket 3.19를 만나십시오!

최신 버전은 기술 전문 지식에 관계없이 모든 사람이 액세스 할 수 있도록 두 가지 기능을 향상시키는 데 중점을 둡니다. 우리는 효율적이기 위해 페이지 별 수동 최적화가 필요한 복잡한 프로세스를 취하고 백그라운드에서 작동하는 기능으로 바꾸어 마술을 만들었습니다.

결과? WP Rocket 3.19는 인식 된 속도 증가 및 최대 규모의 만족스러운 페인트 등급과 함께 레이아웃 안정성을 향상시키고 콘텐츠 변화를 방지함으로써 방문자에게 더 나은 사용자 경험을 제공합니다.

WP Rocket은 모든 사람이 빠른 웹 사이트를받을 자격이 있다고 생각합니다. 그래서 우리는 모든 고객이 강력한 기능을 통해 혜택을받을 수 있도록 속도 최적화를 단순화 할 수있는 방법을 지속적으로 찾고 있습니다.

이러한 쉽고 현명한 개선이 웹 사이트의 더 나은 성능에 어떻게 추가 될 수 있는지 알아볼 준비가 되셨습니까? WP Rocket 3.19의 세부 사항을 다루거나 아래 비디오를 보자.

WP Rocket 3.19가 수반하는 것

WP Rocket 3.19는 웹 사이트의 성능을 향상시키기 위해 무대 뒤에서 작동하는 두 가지 개선 사항을 소개합니다.

첫 번째 향상은 Preload Fonts와 관련이 있습니다. 기능은 동일한 이름을 유지하지만 아래에서 읽을 수 있듯이 작동 방식과 위치를 변경합니다.

두 번째는 Prefetch DNS 요청 기능을 자동화하는 데 중점을 둡니다.이 기능은 외부 도메인으로 PreConnect로 이름이 바뀌고 플러그인 인터페이스에서 제거되었습니다. 전용 섹션 에서이 선택의 이유를 배울 수 있습니다.

일방적 인 글꼴을 한 번 클릭합니다

한 걸음 물러서서 FONT Preloading이 무엇인지, 웹 사이트 성능에 중요한 이유를 이해합시다.

글꼴 예압 설명

Font Preloading은 웹 사이트에 텍스트가 얼마나 빠르고 매끄럽게 나타나는지 개선 할 수있는 강력한 최적화 기술입니다.

그 이유는 다음과 같습니다. 방문자가 웹 사이트에 오면 브라우저는 페이지의 내용뿐만 아니라 관련 글꼴도로드해야합니다. 사전로드 없이는 일반적으로 발생하는 일이 있습니다.

  1. 브라우저는 기본 글꼴을 사용하여 텍스트를 표시하기 시작합니다.
  1. 그런 다음 CSS에서 사용자 정의 글꼴 (선택한 글꼴)을로드해야한다는 것을 발견합니다.
  1. 사용자 정의 글꼴이로드되면 텍스트가 기본 글꼴 대신이 새 글꼴을 사용하도록 변경됩니다.

이 프로세스는 무모한 텍스트 (Fout)의 플래시로 알려진 것을 유발할 수 있습니다. Fout은 텍스트가 사용자 지정 글꼴로드로 갑자기 외관을 변경하는 짧은 순간입니다.

다음에 어떤 일이 발생하는지 추측 할 수 있습니다. 페이지의 레이아웃이 이동하는 경향이 있습니다. 이러한 교대는 시각적으로 불쾌 할뿐만 아니라 Google의 핵심 웹 생명체 중 하나 인 누적 레이아웃 시프트 (CLS) 등급에 부정적인 영향을 줄 수 있습니다.

FONT Preloading은 브라우저에 사용자 정의 글꼴이 중요하다는 것을 브라우저에 알리고 모든 CSS 코드를 분석하기 전에 즉시 다운로드해야합니다. 결과적으로 브라우저가 먼저 텍스트를 표시하여 글꼴 변경을 줄이거 나 제거하고 더 많은 레이아웃 안정성을 보장 할 때 사용자 정의 글꼴이 준비 될 가능성이 높습니다.

글꼴을 사전로드 해야하는 이유는 무엇입니까?

프리로드 글꼴 및 레이아웃 교대 방지의 이점은 사용자 경험 향상과 밀접한 관련이 있으며, 이는 훌륭한 첫인상을 제공하고 방문자가 웹 사이트에 기꺼이 머무르고 잠재적으로 변환 할 수 있도록하는 것을 의미합니다.

또한 글꼴 예압은 또한 가장 큰 콘텐츠 페인트 (LCP) 등급을 향상시킬 수 있으며, 이는 페이지의 가장 큰 콘텐츠 요소가 얼마나 빨리 보이게되는지 측정하는 또 다른 핵심 웹 필수품입니다. LCP 요소가 텍스트 노드 일 때 FONT Preloading은 세부 사항을 다루면 LCP 성능을 최적화 할 수 있습니다. 이는 모바일과 데스크탑 사이의 웹 사이트의 평균 20%의 경우입니다.

3.19 : 새로운 예압 글꼴을 만나십시오

FONT Preloading은 이러한 중요한 성능을 얻을 수 있지만 고객 이이 기능을 거의 사용하지 않았거나 항상 올바르게 구현 된 것은 아닙니다. 정반대 : 예압 글꼴은 비생산적인 성능으로 입증되었습니다. 그렇기 때문에 모든 고객 이이 옵션을보다 쉽고 액세스 할 수있게하고 잘못된 구현을 줄이고 싶었습니다.

WP Rocket 3.19는 예압 글꼴을 한 번의 클릭으로 활성화 할 수있는 자동 프로세스로 만듭니다.

더 이상 올바른 글꼴 파일 URL을 수동으로 식별하고 기능을 효과적으로 작동시키기 위해 사전로드 할 필요가 없습니다. 옵션을 활성화 한 후 WP Rocket은 각 페이지에서 자동으로 감지되며, 이는 글꼴이 위에 사용되며 모바일 및 데스크탑에서 우선 순위를 정해야합니다. 그런 다음 이러한 관련 글꼴 만 예압하여보다 정확하고 효율적인 최적화를 초래합니다.

이 최적화는 미사용 자산을 사전로드하면 성과에 해를 끼칠 수 있기 때문에 차이를 만듭니다. 예를 들어, 사전로드 된 글꼴이 페이지로드 후 처음 몇 초 이내에 사용되지 않으면 Chrome과 같은 브라우저가 경고를 발행 할 수 있습니다. 새로운 Preload Fonts 옵션은 이러한 잠재적 인 문제를 피하고 최적의 글꼴 예압을 보장하는 데 도움이되는 새로운 Preload Fonts 옵션을 사용하는 데 도움이됩니다.

이제 미디어 탭에서 새로운 예압 글꼴 기능을 찾을 수 있습니다.

새로운 예압 글꼴 기능
새로운 예압 글꼴 기능

이전에 글꼴을 수동으로 지정 한 경우 기본적으로 자동화 된 옵션이 활성화됩니다.

결론 : 새로운 Preload Fonts 기능은 자동으로 글꼴로드를 최적화하여 웹 사이트에 방문하는 순간부터 방문자에게 더 부드러운 경험을 보장하며 클릭 만 있으면됩니다.

외부 도메인에 대한 사전 연결 : 새로운 자동화 된 프로세스

이전 기능에 대해서는 웹 사이트 속도에 대한 외부 도메인에 대한 미리 연결의 영향을 간략하게 설명하여 시작하겠습니다.

평범한 영어로 외부 도메인에 전달하십시오

외부 도메인에 대한 Preconnect는 자원 로딩에 긍정적 인 영향을 미치는 강력한 최적화 기술입니다.

웹 사이트가 외부 도메인의 글꼴 또는 스크립트와 같은 리소스를로드 해야하는 경우 브라우저는 일반적으로 이러한 도메인에 먼저 연결을 설정해야합니다. 이 연결 프로세스는 외부 자산 다운로드 프로세스에 불필요한 지연을 추가하여 해당 외부 자산에 따라 특정 지표에 영향을 미칩니다.

PreConnect는 브라우저에 어떤 연결이 필요한지 미리 알림 으로써이 문제를 해결합니다. 이를 통해 브라우저는 이러한 연결을 조기에 설정하여 필요할 때 외부 리소스를로드하는 데 걸리는 시간을 줄일 수 있습니다.

이 최적화는 두 가지 이점을 제공합니다.

  1. 로드 시간 향상 : 연결을 미리 설정하면 웹 사이트가 외부 리소스로드를 더 빨리로드 할 수 있으며 페이지도 더 빠르게로드 할 수 있습니다.
  1. 향상된 LCP 성능 : 가장 큰 콘텐츠 페인트 요소가 타사 도메인의 글꼴 인 경우 PreConnect는 더 빠르게로드하여 LCP 점수를 향상시킬 수 있습니다.

3.19 : Prefetch DNS 요청에서 Preconnect에 대한 외부 도메인으로

Prefetch DNS 요청 기능도 사용하지 않고 종종 잘못 적용된다는 것을 알았습니다. 그렇기 때문에 우리는이 옵션을 자동화하여 WP 로켓 인터페이스에서 제거하고 외부 도메인으로 선정하기 위해 이름을 바꾸기로 결정했습니다.

WP Rocket 3.19를 사용하면이 강력한 최적화가 백그라운드에서 작동하며 활성화 할 필요가 없습니다. 그렇기 때문에 WP 로켓 설정 에서이 기능을 더 이상 찾을 수 없습니다.

이 향상에 대해 알아야 할 사항은 다음과 같습니다.

  1. 완전 자동화 된 프로세스입니다 . 더 이상 최적화를 구현할 때 포함 할 도메인을 수동으로 식별 할 필요가 없습니다. WP 로켓은 이제 이것을 자동으로 처리합니다.
  1. 모바일 및 데스크탑에서 필요한 페이지에만 적용되므로 모든 장치에서 일관된보다 효율적이고 타겟팅 된 접근 방식이 생깁니다.

위에서 설명한 바와 같이,이 기능은 손가락을 들어 올릴 필요없이 더 빠른 페이지로드 시간과 LCP 점수가 향상 될 수 있습니다.

기능을 비활성화하려면 다음 필터를 적용해야합니다.

 add_filter('rocket_preconnect_external_domains_optimization', '__return_false');

귀하의 웹 사이트에 미리로드 할 10 개의 도메인이있는 경우에만 비활성화하는 것이 좋습니다.이 엣지 케이스에서는 브라우저가 프로세스를 관리하는 것이 가장 좋습니다. 일반적으로 페이지 당 몇 개의 외부 도메인이 있지만 페이지 소스 코드와 데이터 로켓-프레 콜링 발생 수를 살펴보면이 시나리오가 웹 사이트에 적용되는지 확인할 수 있습니다.

결론 : 외부 도메인에 대한 PreConnect 기능은 웹 사이트와 외부 리소스 간의 빠른 연결을 설정하면서 잘못된 구현의 위험을 제거하는 새로운 자동화 된 향상입니다.

미세 조정 성능 : 자동 최적화 작업

자동으로 작동하는 WP 로켓 기능에 대해 말하면 외부 도메인에 대한 프리 연결 기능은 최신 제품이며 기존 도메인에 추가됩니다.

  • 페이지 캐시 (모바일 캐시 포함)
  • 중요한 이미지를 최적화합니다
  • 자동 게으른 렌더링
  • 브라우저 캐싱
  • GZIP 압축
  • 웹 글꼴에 대한 크로스 오리진 지원
  • WooCommerce 새로 고침 카트 조각 캐시
  • Google Fonts 파일을 최적화하십시오
  • WordPress 이모티콘을 비활성화하십시오

이러한 모든 기능에는 사용자 인터페이스가 없으며 작동합니다. 필요한 경우 필터 또는 도우미 플러그인을 사용하여 항상 비활성화 할 수 있습니다.

이러한 자동화 된 기능은 CSS 및 JS 미수, 캐시 수명, 예비 캐시, 예비로드 링크 및 심장 박동 제어와 같이 WP 로켓을 처음 활성화 할 때 켜지는 옵션 위에 있습니다.

플러그인을 활성화하자마자 웹 사이트가 속도 향상을받는 것도 당연합니다!

이러한 자동화의 실제 영향에 대해 궁금한 점이 있다면 특정 웹 사이트에 따라 결과가 다를 수 있음을 명심하십시오. WP Rocket 3.19는 새로운 개선 사항을 제공하지만, 성능 향상은 기존 기능에서 이미 달성 한 속도 이득에 추가됩니다.

마무리

WP Rocket 3.19는“옵션이 아닌 결정”접근 방식을 따르는 것에 대한 우리의 약속을 강화하고 자동 프로세스로 복잡한 최적화를 수행합니다. 우리는 당신을 위해 올바른 선택을하기 위해 노력하기 때문에 당신은 당신의 웹 사이트에 가장 적합한 것을 이해하기 위해 시간과 노력을 소비 할 필요가 없습니다.

우리는 점차 고성능에 대한 장벽을 제거하여 더 많은 사용자가 고급 최적화로 혜택을받을 수 있도록합니다.

이 새로운 자동화 된 기능이 귀하의 사이트에 어떻게 도움이 될 수 있는지 볼 준비가 되셨습니까? WP Rocket 3.19로 업데이트하거나 14 일간의 Money-Back 보증으로 시도해보십시오. 우리가 최적화를 더 간단하게 만드는 방법을 직접 경험하고 의견에 당신의 생각을 알려주십시오!