나중에 사용하기 위해 브라우저에서 CSS 파일을 저장하십시오.

Question

나중에 사용할 수 있도록 사용자의 브라우저에서 태그와 함께로드 된 내 사이트의 CSS 파일을 저장할 방법이 있습니까? 내 사이트를 방문 할 때마다 사용자가 CSS 파일을 다시로드하지 않아도되므로 사이트가 느려지 게됩니다. html, javascript 또는 php로이 작업을 수행 할 수 있습니까?
감사합니다.

Answer 1

here과 같이 브라우저 캐싱을 활용하는 것이 좋습니다. 이 작업을 수행 할 수있는 방법

때문에 (예)처럼 .htaccess 파일을 편집하는 것입니다 :

<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 text/css "access 1 month" 
ExpiresByType text/x-javascript "access 1 month" 
ExpiresByType text/javascript "access 1 month" 
ExpiresByType image/x-icon "access 1 year" 

</IfModule> 

당신이 볼 수 있듯이, CSS 파일은 1 개월 캐시됩니다이 코드.

시간이 만료되었거나 파일 이름이 변경되지 않으면 브라우저가 파일을 다시로드하지 않기 때문에 시간을주의해서 설정하십시오. 이것을 피할 수있는 쉬운 방법은 파일에 버전을 사용하는 것입니다 : main.css?v=1.0. 이것의 장점은 파일 이름을 매번 바꿀 필요가 없다는 것입니다. 단점은 대부분의 프록시가 "?"기호를 사용하여 리소스를 캐시하지 않는다는 것입니다. url에서.