Accelerated Domains Prefetching 소개

게시 됨: 2022-02-25

약 1년 전에 우리는 Servebolt Cloud에서 호스팅되는 모든 사이트에 추가 기능으로 Accelerated Domains를 도입했습니다. 그것은 이름이 처음부터 약속한 것을 정확히 수행하기 때문에 현재까지 가장 인기 있는 추가 기능이었습니다. 그것은 당신의 도메인을 가속화합니다. Accelerated Domains는 사이트를 더 빠르고 확장 가능하며 친환경적이고 안전하게 만듭니다. 그것은 바로 거기에 많은 기능이 있지만 작년의 기능을 지속적으로 개선하는 것을 막지는 못했습니다. 약속대로.

오늘 Accelerated Domains Prefetching이라는 새로운 Accelerated Domains 기능을 소개하게 되어 기쁩니다. 이 기능은 사이트의 자산을 미리 가져옵니다. 모두 사이트 성능을 크게 향상시킵니다.

사이트 성능 향상

Accelerated Domains Prefetch는 CSS 및 JavaScript 자산을 미리 가져옵니다. 이는 예를 들어 누군가가 실제로 메뉴 항목 링크를 클릭하기 전에 해당 자산이 브라우저에 미리 로드되었음을 의미합니다. 이를 통해 관련 페이지 및 자산의 로딩 시간을 거의 즉시 로드할 수 있습니다. 프리페치는 특히 원본 서버 위치에 대한 대기 시간이 긴 사이트 방문자에게 큰 영향을 미칩니다.

전반적으로 Accelerated Domains 기반 웹 사이트는 페이지를 훨씬 빠르게 로드하고 더 빠르게 나타납니다. 물론 전 세계 모든 방문객을 대상으로 합니다.

작동 원리

미리 가져오기 기능의 이면에 있는 아이디어는 Accelerated Domains Prefetching이 사이트 방문자가 다음에 요청할 가능성이 있는 콘텐츠로 캐시를 미리 채운다는 것입니다. 이것은 더 높은 캐시 적중률을 보장하므로 사용자에게 더 빠른 경험을 제공합니다.

CSS 및 JavaScript 파일과 같은 웹 페이지의 자산을 결정/읽음으로써 그렇게 합니다. 그런 다음 매니페스트 파일에 해당 자산의 위치를 ​​씁니다. 그러면 매니페스트 파일의 내용이 방문자와 가장 가까운 캐시 노드에 로드됩니다. 결과적으로 스타일시트와 스크립트 파일의 로드 시간이 단축됩니다. 이것은 백그라운드에서 병렬로 로드함으로써 가능합니다.

Accelerated Domains Prefetch는 플러그인 및 테마의 CSS 파일과 JavaScript 파일을 모두 포함합니다. 즉, 사이트의 페이지로 이동할 때 자산이 이미 미리 로드되어 있으므로 즉시 제공할 준비가 됩니다.

Accelerated Domains Prefetching은 WordPress에서 첫 페이지를 로드하는 동안 영리하게 수신 대기합니다. 찾은 내용에 따라 사전 로드해야 하는 자산을 결정합니다. 다음은 사이트에 Twenty Twenty One 테마가 활성화되어 있는 경우 manifest-style.txt의 내용이 다음과 같이 표시됩니다.

 /wp-includes/css/dist/block-library/style.min.css
/wp-content/themes/twentytwentyone/style.css?ver=1.4
/wp-content/themes/twentytwentyone/assets/css/print.css?ver=1.4

아직 사이트에 Accelerated Domains를 사용하고 있지 않다면 지금이 가장 빠르고 친환경적이며 가장 안전하고 규모가 큰 버전으로 사이트를 업그레이드할 때입니다. Accelerated Domains가 귀하의 사이트에서 할 수 있는 작업을 주문하거나 자세히 알아보십시오.

WordPress 3.5 업데이트용 Servebolt Optimizer

WordPress 플러그인용 Servebolt Optimizer를 버전 3.5로 업데이트하여 Accelerated Domains Prefetching을 통합하세요. 오늘 출시될 버전 3.5에는 다음 업데이트도 포함됩니다.

자동 WordPress Cron 설정

WordPress에는 다양한 예약된 백그라운드 작업을 처리하는 내장 cron 시스템이 있습니다. 예를 들어 사용 가능한 업데이트가 있는지 주기적으로 확인합니다. 또 다른 기능은 지정된 시간에 미래 날짜로 설정된 게시물도 게시하는 것입니다. 사이트 방문자는 WordPress의 cron을 실행하므로 매번 방문할 때마다 리소스가 낭비됩니다. 이것은 WordPress 사이트의 성능에 영향을 미치지만 사이트 확장을 제한하는 요소이기도 합니다. 낭비할 필요가 없는 리소스를 사용하는 것은 트래픽이 증가해도 확장되지 않습니다.

이것이 WordPress의 cron을 끄고 서버 cron으로 전환하는 것이 좋습니다. 이 작업을 수동으로 수행하는 것은 약간 어려울 수 있으므로 플러그인에서 자동으로 서버 cron으로 전환하는 방법을 추가했습니다.

cron 서버로 전환하여 리소스를 절약할 뿐만 아니라 cron 작업이 더 안정적으로 실행됩니다. 자동으로 설정된 cron에 무리를 추가하면 추가 리소스가 절약되므로 동시에 여러 cron을 실행하지 않습니다.

로그인 시 사이트 캐시 지우기

WordPress에 로그인하면 브라우저에서 캐시된 콘텐츠와 자산을 제공해야 합니다. 로그인할 때 브라우저의 캐시를 지우는 새로운 헤더 태그가 포함되었습니다. 이렇게 하면 WordPress에 로그인할 때 캐시된 콘텐츠를 절대 볼 수 없습니다. 이 기능은 현재 Chrome, Firefox 및 Edge에서만 지원됩니다.

사이트 데이터 지우기 기능에 대한 브라우저 지원에 대해 자세히 알아보세요.

WooCommerce 관련 개선 사항

버전 3.5는 WooCommerce에서 여러 가지를 처리하는 방법을 개선합니다. 특히 다음 시나리오:

  1. 고객이 WooCommerce에서 체크아웃할 때마다 단일 제품에 대한 캐시 제거를 단순화했습니다. 이제 첫 페이지 URL이나 기타 관련 URL이 아닌 제품 URL만 제거합니다.
  2. 이제 고객이 대기열 기반 캐시 제거를 활성화했는지 여부에 관계없이 고객이 체크아웃할 때 WooCommerce 제품의 캐시를 즉시 제거합니다. 이 변경의 주된 이유는 재고 수준이 일반적으로 캐시되고 마지막 항목을 구매한 후 품절될 수 있기 때문입니다.

WooCommerce의 Action Scheduler 대기열 실행기를 끄는 옵션을 추가했습니다. 구현은 WooCommerce 자체에서 제공한 코드를 기반으로 하며 귀중한 리소스 낭비를 줄입니다. 동시에 실행되지 않도록 최선을 다합니다. 이 기능을 끄면 기본 러너가 비활성화되고 대신 크론(플록 포함)을 사용하여 러너가 설정됩니다. 이렇게 하면 두 cron이 동시에 실행되지 않고 서로 독립적으로 만들어집니다. 플러그인의 성능 메뉴에 있는 고급 탭에서 이에 대한 설정을 찾을 수 있습니다.

변경 로그

워드프레스용 Servebolt Optimizer 버전 3.5에 대한 자세한 내용은 전체 변경 로그를 확인하세요.


도메인을 진정으로 가속화하려면 당사에 연락하면 설정해 드리겠습니다. 유일한 요구 사항은 사이트가 Servebolt Cloud에서 호스팅되어야 한다는 것입니다.

내 멋진 동료들도 Accelerated Domains에 대한 모든 질문에 답할 준비가 되어 있으므로 주저하지 말고 연락해 주십시오.