WordPress에서 레버리지 브라우저 캐싱을 쉽게 수정하는 방법

WordPress에서 레버리지 브라우저 캐싱을 수정하는 방법을 배우고 싶습니까?

페이지 속도는 사용자 경험의 필수적인 부분입니다. 요청된 페이지가 사용자의 브라우저에 로드되는 데 걸리는 시간은 사용자가 사이트에 머무를지 여부에 상당한 영향을 미칩니다.

또한 페이지 로드 시간은 여러 요인에 따라 달라지며 브라우저 캐싱도 그 중 하나입니다. 이 자습서에서는 WordPress에서 레버리지 브라우저 캐싱을 수정하는 방법에 대해 설명합니다. 또한 많은 페이지 속도 분석 도구에서 권장하는 성능 최적화 팁 중 하나입니다.

먼저 브라우저 캐싱이 무엇인지 살펴본 다음 플러그인을 사용하거나 사용하지 않고 WordPress에서 브라우저 캐싱 활용을 수정하는 다양한 방법을 살펴보겠습니다.

레버리지 브라우저 캐싱 경고는 무엇입니까?

브라우저 캐싱 활용은 다음과 같이 점수를 높이기 위한 제안으로 Google PageSpeed ​​Insights에서 반환한 많은 진단 중 하나입니다.

Google은 브라우저 캐싱을 사용하여 페이지 로딩 속도와 성능을 개선할 것을 권장합니다. 간단히 말해서 캐싱은 사용자의 브라우저가 사이트 페이지의 정적 복사본을 저장하는 것입니다. 그러면 브라우저가 필요한 리소스를 얻기 위해 사이트 서버에 액세스할 필요가 없기 때문에 향후 방문 시 이 콘텐츠가 더 빨리 다시 로드될 수 있습니다.

그러나 모든 캐시된 리소스에는 만료 날짜가 있어야 합니다. 이는 사이트의 콘텐츠가 오래되었을 때 브라우저에 경고하여 캐시된 복사본을 업데이트된 복사본으로 교체할 수 있도록 합니다.

성능 테스트 결과에 레버리지 브라우저 캐싱 경고가 표시되면 다음 두 가지 중 하나를 의미합니다.

• Cache-Control 또는 Expires 헤더가 사이트 또는 타사 서버에서 누락되었습니다.
• 필요한 헤더가 있지만 만료 시간이 매우 짧습니다. 따라서 성능에 영향을 미치지 않습니다.

이 경고에 대한 해결책에는 이러한 문제 중 하나 또는 모두를 수정하는 것이 포함됩니다.

WordPress에서 레버리지 브라우저 캐싱 수정(2가지 방법)

원인에 따라 WordPress에서 레버리지 브라우저 캐싱을 수정하는 데 사용할 수 있는 두 가지 방법이 있습니다. WordPress 플러그인 사용부터 시작하겠습니다.

방법 1: 플러그인을 사용하여 WordPress에서 레버리지 브라우저 캐싱 수정

WordPress 캐싱 플러그인을 사용 중인 경우 이미 브라우저 캐싱을 제공할 수 있습니다.

이제 몇 가지 일반적인 캐싱 플러그인으로 브라우저 캐싱 활용을 수정하는 방법을 살펴보겠습니다.

WP 로켓

WP Rocket은 가장 효과적인 WordPress 캐싱 플러그인입니다. 복잡한 캐싱 및 속도 용어를 모르더라도 성능을 위해 웹 사이트를 최적화하는 데 여전히 도움이 될 수 있습니다.

권장되는 모든 캐싱 설정은 즉시 WordPress 웹사이트의 속도를 높여줍니다.

WP Rocket으로 레버리지 브라우저 캐싱을 수정하려면 플러그인을 설치하고 활성화하기만 하면 됩니다. 자세한 내용은 WordPress에 플러그인을 설치하는 방법에 대한 가이드를 참조하세요.

그게 다야.

WP Rocket은 자동으로 브라우저 캐싱을 활성화하고 적절한 규칙으로 .htaccess 파일을 변경합니다.

자세한 내용은 전체 WP Rocket 검토를 확인하십시오.

LiteSpeed ​​캐시

LiteSpeed ​​Cache는 기능을 활성화하여 브라우저 캐싱 활용 문제를 해결할 수 있는 또 다른 캐싱 플러그인입니다. 플러그인을 활성화한 후 WordPress 대시보드에서 LiteSpeed ​​캐시 » 캐시 로 이동합니다. 그런 다음 브라우저 탭으로 이동하여 브라우저 캐시 옵션을 활성화합니다.

또한 만료 시간을 설정할 수도 있습니다. 그러나 이 옵션은 웹 사이트의 모든 캐시된 파일에 적용된다는 점을 기억하십시오.

WP 가장 빠른 캐시

많은 기능을 갖춘 무료 캐싱 플러그인을 찾고 있다면 WP Fastest Cache가 적합할 수 있습니다. 브라우저 캐싱, GZIP 압축 및 축소를 무료로 지원합니다.

활성화되면 설정 탭으로 이동하여 브라우저 캐싱 확인란을 선택합니다.

W3 총 캐시

W3 Total Cache는 WordPress를 위한 또 다른 최고의 캐싱 플러그인입니다. 다양한 캐싱 옵션을 사용자 정의할 수 있습니다.

활성화되면 성능 » 일반 설정 으로 이동한 다음 브라우저 캐시 까지 아래로 스크롤하고 선택되지 않은 경우 활성화 옆의 확인란을 선택합니다.

다음으로 성능 » 브라우저 캐시 로 이동합니다. 일반 아래에서 처음 5개의 상자를 선택합니다. 이는 브라우저 캐싱을 활성화하는 헤더(서버에서 브라우저로 전송되는 HTTP 지침)를 활성화합니다.

마지막으로 특정 파일 형식에 대한 만료 시간을 설정해야 합니다. 만료 헤더는 사이트 파일의 복사본을 저장할 기간을 브라우저에 알려줍니다.

CSS 및 JavaScript 파일, HTML 및 XML 파일, 미디어 파일에 대해 별도의 만료 헤더를 설정할 수 있습니다.

브라우저 캐싱 활용

캐시 플러그인이 아닙니다. 대신 브라우저 캐시 플러그인입니다. WordPress.org 플러그인 디렉토리에서 다운로드할 수 있습니다.

대신 이 플러그인을 사용해야 하는 이유는 무엇입니까? 전체 캐싱 플러그인을 설치하지 않으려는 경우 Leverage Browser Caching 플러그인은 하나의 특정 활동에만 집중합니다. 이는 브라우저 캐싱 오류를 활용하는 솔루션만 필요한 경우 작동할 수 있습니다.

또한 간단합니다. 활성화하면 즉시 작동을 시작하고 비활성화하여 중지할 수 있습니다.

브라우저 캐싱 코드를 Apache 서버의 .htaccess 파일에 직접 추가하여 작동합니다.

방법 2: 플러그인을 사용하지 않고 WordPress에서 레버리지 브라우저 캐싱 수정

플러그인을 설치하지 않으려면 웹 서버 설정을 변경하여 브라우저 캐싱을 활용할 수 있습니다. 이렇게 하면 웹 서버가 방문자의 브라우저에 특정 리소스를 브라우저 캐시에 저장하도록 지시합니다. 브라우저는 특정 시간 동안 이러한 파일을 로컬에 저장하고 이후 페이지 방문 시 이를 사용합니다.

캐싱을 시작하도록 방문자의 브라우저에 알리도록 웹 서버를 구성하는 것은 서버마다 다릅니다. 이 자습서에서는 가장 일반적인 두 웹 서버인 Apache 및 Nginx 에서 브라우저 캐싱을 활성화하는 방법을 살펴보겠습니다.

참고: WordPress 코드를 사용자 지정하기 전에 WordPress 사이트를 백업하는 것이 좋습니다. 최고의 WordPress 백업 플러그인을 확인하십시오.

Apache에서 레버리지 브라우저 캐싱 수정

Apache 서버에서 브라우저 캐싱 활용 문제를 해결하려면 .htaccess 파일에 코드를 추가해야 합니다.

이 파일을 편집하려면 먼저 FTP 클라이언트 또는 호스트의 파일 관리자 도구를 사용하여 WordPress 호스팅 계정에 로그인해야 합니다.

연결 후 웹 사이트의 루트 폴더에서 .htaccess 파일을 볼 수 있어야 합니다.

그런 다음 브라우저 캐싱을 활성화하려면 캐시 제어 및 만료 헤더를 추가하십시오.

캐시 제어 헤더는 웹 브라우저에 캐싱 수행 방법을 지시합니다.

만료 헤더는 캐싱을 허용하고 특정 파일을 삭제하기 전에 저장해야 하는 기간을 웹 브라우저에 지시합니다.

만료 헤더를 추가하려면 .htaccess 파일에 다음 코드를 추가하십시오.

## EXPIRES HEADER CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType image/svg "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType application/javascript "access 1 month" ExpiresByType application/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 3 days" </IfModule> ## EXPIRES HEADER CACHING ## 이 코드는 유형에 따라 다른 캐시 만료 날짜를 설정합니다. 파일의.

그런 다음 캐시 제어를 활성화하려면 다음 코드를 추가합니다. <filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">; Header set Cache-Control "max-age=96000, public" </filesMatch> <filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">; Header set Cache-Control "max-age=96000, public" </filesMatch> 이 코드는 캐시가 만료되는 시기를 지정합니다. 위 예제의 캐시는 90,000초 후에 만료됩니다.

변경 사항을 적용하려면 .htaccess 파일을 저장하고 Apache를 다시 시작하십시오.

Nginx에서 레버리지 브라우저 캐싱 수정

Nginx 웹 서버에서 WordPress 블로그를 호스팅하는 경우 서버 구성 파일을 편집하여 브라우저 캐싱 오류를 수정할 수 있습니다.

호스트는 이 파일을 편집하고 액세스하는 방법을 결정하므로 도움이 필요한 경우 호스트에 문의하십시오.

그런 다음 만료 헤더를 추가하려면 다음 코드를 추가합니다.

이 코드는 다양한 파일 형식의 만료 시간을 설정합니다. location ~* \.(jpg|jpeg|gif|png|svg)$ { expires 365d; } location ~* \.(pdf|css|html|js|swf)$ { expires 3d; } location ~* \.(jpg|jpeg|gif|png|svg)$ { expires 365d; } location ~* \.(pdf|css|html|js|swf)$ { expires 3d; } 그런 다음 캐시 제어 헤더를 추가하려면 다음 코드를 추가하십시오. location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ { expires 14d; add_header Cache-Control "public, no-transform"; } location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ { expires 14d; add_header Cache-Control "public, no-transform"; } location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ { expires 14d; add_header Cache-Control "public, no-transform"; } 이 코드는 캐시가 만료되는 시기를 지정합니다. 위에 나열된 파일 형식이 14일 동안 변경되지 않음을 서버에 알립니다.

WordPress는 구글 애널리틱스를 위한 브라우저 캐싱을 활용합니다.

WordPress Google Analytics 플러그인을 사용하는 경우 모든 것이 올바르게 구성된 경우에도 여전히 브라우저 캐싱 문제를 활용할 수 있습니다.

이는 Google 애널리틱스가 가능한 한 빨리 업데이트를 받을 수 있도록 기본 만료 시간을 2시간으로 설정했기 때문입니다.

Complete Analytics Optimization Suite(CAOS)라는 무료 플러그인을 사용하여 사이트의 Google Analytics 사용을 최적화할 수 있습니다. CAOS 플러그인은 Google 애널리틱스를 로컬에서 자동으로 호스팅하고 표시되는 모든 레버리지 브라우저 캐싱 오류를 완전히 해결합니다.

초보자라면 WordPress 사이트에 Google Analytics를 추가하는 방법에 대한 포괄적인 가이드를 확인하십시오.

결론

브라우저 캐싱을 활용하여 사이트 속도를 높이는 방법을 배웠습니다. .htaccess 파일에 코드를 추가하고 캐싱 플러그인을 설치하는 두 가지 방법이 있습니다. 활성화되면 페이지 속도가 어떻게 증가하는지 확인할 수 있습니다.

이 튜토리얼이 WordPress에서 레버리지 브라우저 캐싱을 수정하는 방법을 배우는 데 도움이 되었기를 바랍니다.

WordPress 속도 및 성능에 대해 자세히 알아보려면 다음 유용한 리소스를 확인하십시오.

• WordPress 사이트 속도를 높이는 방법
• WordPress에서 캐시를 지우는 방법
• 최고의 WordPress 캐시 플러그인

마지막으로 Twitter에서 우리를 팔로우하여 새로운 기사에 대한 정기적인 업데이트를 받으세요.