Cloudflare는 서버를 공격으로부터 보호하고 웹 사이트를 더 빠르고 강력한 캐시로 만드는 무료 CDN 유형입니다. 이 기사에서는 Cloudflare의 HTML 캐시를 사용하여 속도를 더욱 향상시키는 방법을 단계별로 가르쳐 드리겠습니다.
원래 CloudFlare는 HTML 캐시를 저장하지 않지만, 이 기능을 활성화하여 페이지 로드 속도를 훨씬 빠르고 거의 즉각적으로 만들 수 있습니다. 다만, 이 기능이 일부 테마나 사이트의 일부 요소에 문제가 생길 수 있으니 활성화하기 전에 테스트를 해보는 것이 좋습니다.
CloudFlare의 HTML 캐시 활성화
클라우드플레어의 HTML 캐시를 활성화하려면 클라우드플레어 패널에서 페이지 규칙 탭에 액세스하여 모든 도메인 또는 서브도메인을 포함하는 새 규칙을 만든 다음 캐시 수준을 선택하고 캐시에 모두 저장 옵션을 선택하면 됩니다. 아래 이미지와 같이 추가하면 됩니다:
이 작업을 수행하면 새 규칙이 적용되도록 CloudFlare 캐시를 지우고 저장하면 됩니다. 이제 웹 사이트가 HTML 캐시로 작동하고 페이지가 거의 즉시로 로드됩니다.
클라우드플레어의 HTML 캐시 문제
내가 발견한 작은 오류 중 하나는 만약 당신이 WordPress의 wp-admin에서 활성화된 상태로 두면 업데이트되지 않은 코드나 기사를 열고 저장할 위험이 있다는 것입니다. 그래서 항상 페이지를 한 번 더 업데이트하거나 편집하기 전에 캐시를 지우세요.
또 다른 문제는 가끔 WordPress 관리자 바가 나타나지 않는다는 것입니다. 저에게는 그런 일이 없었지만, 어떤 이유로 wp-admin 바가 로그인하지 않은 사람들에게 나타난다면, function.php 파일의 코드를 통해 그것을 비활성화하면 됩니다.
이런 작은 희생에도 불구하고 HTML 캐시를 활성화하는 것이 매우 가치 있다고 생각합니다. 몇 가지 설정과 페이지 규칙의 예외 추가를 통해 이 기능을 문제없이 사용할 수 있을 것입니다.
Wp-Admin에서 문제를 피하려면 사이트의 /wp-admin 부분에 대한 특정 규칙을 생성하여 HTML 캐시를 비활성화할 수 있습니다. 이렇게 하면 프론트엔드에서 HTML 캐시를 아무 문제 없이 사용할 수 있습니다.
301 문제 해결 중
이전에 301 리디렉션과 관련된 문제에 대해 썼으며, 이 문제는 Page Rules로도 해결할 수 있습니다. 불행히도 HTML 캐시를 활성화하면 이 문제가 다시 발생합니다.
대안은 HTTPS 버전의 WWW없는 HTML 캐시만 활성화하는 것입니다. 이것은 쉬운 일이지만 하위 도메인을 제외하게 될 것으로 생각됩니다. 무료 버전의 CloudFlare는 활성화된 페이지 규칙을 3개만 허용하기 때문에 현명하게 사용하는 것이 좋습니다.
당신의 사이트의 HTML 캐시를 활성화하면 PageSpeed에서 90+를 얻는 데 도움이 될 것입니다. 우리가 작성한 기사에서 Adsense로 모바일에서 90+ 얻는 방법에 대해 이야기한 것을 기억하세요.
