워드프레스에서 Cache Control 헤더를 설정하는 방법

캐시 컨트롤 헤더는 헤더에서 정의할 수 있는 특정 시간 동안 파일을 포착하도록 브라우저에 지시합니다. 만료 헤더 와 마찬가지로 Cache Control 헤더도 웹사이트를 재방문하는 사용자에게 매우 빠르게 사용할 수 있도록 도와줍니다. 웹사이트의 정적 파일에 대한 Cache Control 헤더를 지정하여 원본 서버에 요청하는 대신 캐시에서 제공되도록 할 수 있습니다.

아래에 워드프레스에서 Cache Control 헤더 설정 방법이 나와 있습니다. 계속 스크롤하여 확인해보세요.

콘텐츠 요약: 보이기

워드프레스 웹 사이트에서 Cache Control 헤더를 설정하는 방법

Apache 서버

Apache 서버를 사용하는 경우 .htaccess 파일에 다음 행을 추가하여 정적 파일에 대한 Cache Control 헤더를 설정할 수 있습니다.

# TN - BEGIN Cache-Control Headers
<ifModule mod_headers.c>
<filesMatch "\.(ico|jpeg|jpg|png|gif|swf|pdf|svg)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(css)$">
Header set Cache-Control "public"
</filesMatch>
<filesMatch "\.(js)$">
Header set Cache-Control "private"
</filesMatch>
<filesMatch "\.(x?html?|php)$">
Header set Cache-Control "private, must-revalidate"
</filesMatch>
</ifModule>
# TN - END Cache-Control Headers

NGINX 서버

NGINX 서버를 사용하여 웹사이트를 호스팅하는 경우 NGINX 구성 파일에서 다음 코드 스니펫을 사용하여 정적 자산에 대한 Cache Control를 활성화하십시오.

location ~* \.(jpg|jpeg|png|gif|ico|css|js|pdf|svg)$ {
expires 90d;
add_header Cache-Control "public, no-transform";
}

여러 웹 사이트가 있는 NGINX 사용자는 별도의 구성 파일을 만들어 해당 파일에 넣을 수 있습니다. 그런 다음 Cache Control 헤더를 설정하려는 모든 웹사이트의 NGINX 구성에 새로 생성된 구성을 포함합니다. 인터넷에서 검색한 후 추가 형식의 파일을 추가할 수도 있습니다. 일부 파일은 브라우저에서 캐시할 수 없습니다. 그러니 조심하세요.

이상으로 워드프레스에서 Cache Control 헤더를 설정하는 방법을 살펴봤습니다.

Tags: 워드프레스