WordPress 브라우저 캐싱
게시 됨: 2015-05-18만료 캐싱 이라고도 하는 브라우저 캐싱 활용을 사용하여 WordPress 웹사이트의 속도를 크게 높이십시오.
많은 속도 최적화 및 테스트 공급자는 이것을 " 브라우저 캐시 ", " 브라우저 캐싱 활용 ", " 만료 헤더 ", " 캐시 헤더 ", " 캐시 제어 " 및 " 웹 캐시 " 라고 합니다. Google PageSpeed Insights에 표시된 대로 GTMetrix 및 MaxCDN은 이 가이드에 따라 올바르게 설정합니다.
브라우저 캐싱이란 무엇입니까?
브라우저 캐싱 은 페이지가 로드될 때마다 서버에서 다운로드할 필요가 없도록 특정 기간 동안 페이지 또는 특정 리소스를 저장하도록 브라우저에 지시하는 웹 서버의 방법입니다. 이것은 전체 페이지 및/또는 JavaScript, CSS, 이미지(jpeg, png, gif 등) 등과 같은 리소스를 캐시할 수 있습니다.
WordPress 웹 사이트는 처음에는 각 사용자에 대해 정상적으로 로드되지만 그 이후에는 페이지를 탐색하고 작업을 수행할 때 눈에 띄게 빨라집니다. 리소스는 브라우저에 저장되며 결과적으로 다시 다운로드하는 대신 로컬로 로드됩니다.
브라우저 캐싱의 중요성
궁극적으로 브라우저 캐싱의 목적과 중요성은 사용자가 더 즐거운 경험을 할 수 있도록 WordPress 웹사이트의 속도 를 높이는 것입니다. 이는 트래픽 증가, 검색 순위 향상 및 달성하려는 것에 대한 전환율 향상으로 이어질 수 있습니다.
추가된 보너스 효과로 동일한 방문자에 대해 각 페이지 로드에서 리소스를 다운로드하지 않음으로써 웹 서버에서 로드가 제거되고 웹 서버의 대역폭도 절약됩니다.
웹 캐시는 서버와 사용자에게 상호 속도를 제공합니다.
브라우저 캐시 구현
WordPress 웹 사이트에서 브라우저 캐싱 활용을 설정하는 것은 실제로 매우 빠르고 쉽지만 설정은 설정 및 사용 중인 웹 서버에 따라 다를 수 있습니다. 기본적으로 가장 일반적인 설정은 Apache 웹 서버에서 실행되는 WordPress이지만 Nginx, IIS 등과 같이 널리 사용되는 다른 웹 서버도 있습니다.
WordPress 활용 브라우저 캐싱 플러그인을 사용하면 구현이 간소화됩니다.
더 쉽게 만들기 위해 여러 WordPress 활용 브라우저 캐싱 플러그인을 사용할 수 있습니다. 우리는 WordPress Leverage Browser Caching Ninjas 플러그인을 사용, 테스트 및 권장합니다. 그것은 당신을 위해 간단하게 나머지를 수행하는 설치 및 활성화 플러그인입니다.
아파치 브라우저 캐시
Apache는 브라우저 캐싱을 위해 .htaccess 파일을 사용합니다. 워드프레스 설치 루트에 .htaccess 파일이 있어야 하고 파일이 없으면 파일을 만들고 맨 위에 다음 코드 줄을 넣을 수 있습니다.
## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##
(https://gist.github.com/tribulant/36be0f683eedfa468f51)
Nginx는 브라우저 캐싱을 활용합니다.
Nginx(En-gine-ex) 서버를 실행 중인 경우 설정이 위의 Apache와 다릅니다. 일반적으로 /etc/nginx/sites-enabled/default 에 있는 가상 호스트 구성 파일에 다음 코드를 추가하고 싶을 것입니다. 서버 블록에 다음을 추가하십시오.
location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {
expires 365d;
}
(https://gist.github.com/tribulant/19bb56a222af41854ecc)
Lighttpd
mod_expire 모듈은 Lighttpd가 브라우저에서 콘텐츠 캐싱을 제공하는 헤더를 제어하는 데 사용됩니다. 이에 따라 Lighttpd의 핵심 구성으로 이동할 수 있습니다.
$HTTP["url"] =~ "^/images/" {
expire.url = ( "" => "access plus 1 hours" )
}
(https://gist.github.com/tribulant/26263533eee33e3b61ed)
Microsoft IIS는 브라우저 캐싱을 활용합니다.
IIS(인터넷 정보 서비스)용 브라우저 캐싱을 설정하는 것은 매우 쉽습니다.
Administration Tools 인터페이스에서 선택하고 속성을 불러옵니다. HTTP Headers 탭을 선택하면 두 가지 흥미로운 영역이 표시됩니다. Enable Content Expiration 및 Custom HTTP headers 를 활성화합니다. 첫 번째는 설명이 필요 없고 두 번째는 Cache-Control 헤더를 적용하는 데 사용할 수 있습니다.
브라우저 캐싱의 기술
브라우저 캐싱 활용은 HTML이 전송되기 전에 브라우저에 HTTP 헤더를 전송하여 웹 서버에 의해 달성됩니다. 콘텐츠 유형, 현재 날짜, 서버 세부 정보, 캐시 제어 및 만료 등과 같이 뒤따를 HTML 콘텐츠에 대한 특정 정보를 브라우저에 알려줍니다.
Cache-Control , Expires 및 Etag 헤더는 브라우저 캐시 지침을 제공하는 헤더입니다. 이러한 헤더는 Apache, Nginx 및 IIS에서 브라우저 캐싱을 활용하기 위해 위에서 언급한 방법에 의해 자동으로 생성되므로 관심이 없는 한 세부 정보로 이동할 필요가 없습니다.
캐시 제어 헤더
Cache-Control 은 콘텐츠가 "신선한" 것으로 간주되는 기간, 캐싱의 공개/비공개 상태, 유효성 검사 등과 같은 특정 지침을 브라우저에 제공합니다.
캐시 제어: 최대 연령=3600, 공개
(https://gist.github.com/tribulant/6309926734d3c127064c)
만료 헤더
Expires 헤더는 리소스가 캐시되어야 하고 캐시될 수 있는 때까지만 HTTP 날짜를 제공합니다.
만료: 2015년 11월 28일 토요일 05:36:25 GMT
(https://gist.github.com/tribulant/1b655d60a8a665b18b85)
태그 헤더
Etag 는 HTTP 1.1에서 서버에서 보낸 토큰을 사용하는 유효성 검사 방법으로 도입되었으며 브라우저에서 콘텐츠 표현이 변경되었는지 확인하는 데 사용되었습니다. Etag 까지 브라우저는 대부분 Last-Modified 헤더를 사용했지만 이제는 Etag 가 더 적절합니다. 대부분의 웹 서버는 어쨌든 Last-Modified 및 Etag 헤더를 모두 생성합니다.
태그: “pub1259380237;gz”
(https://gist.github.com/tribulant/2b542d76410bc047be00)
브라우저 캐싱의 핵심
브라우저 캐싱은 속도와 성능을 양 당사자에게 제공함으로써 귀하(귀하의 웹 서버)와 사용자 모두에게 상호 이익이 됩니다.
브라우저 캐싱을 사용하면 강력하고 공격적입니다. 웹 서버는 사용자가 필요에 따라 새 콘텐츠를 얻을 수 있도록 업데이트된 헤더를 생성하기 위해 리소스가 변경된 시기를 알 만큼 충분히 영리합니다. 사용자가 오래된 콘텐츠에 집착할 것이라고 당황하지 마십시오. 그렇지 않습니다.
웹 브라우저 캐싱은 WordPress 웹 사이트에 적극 권장되며 궁극적으로 권장되는 WordPress Leverage Browser Caching Ninjas 플러그인이 트릭을 수행합니다. 설치하고 활성화하기만 하면 끝입니다!