간단하게 만들어보는 스크롤 위치에 따른 등장 모션 주기
2018-03-28
브라우저 캐싱을 이용하여 페이지 로딩속도를 향상시키기
2015-06-16
Explanation
.htaccess을 이용해서 브라우저 캐싱하기 (expires 모듈이 필요)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
## EXPIRES CACHING ## <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/png "access plus 1 month" 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 month" ExpiresDefault "access plus 1 month" </IfModule> |
만약 설정된 값이 생각대로 적용되지 않는다면??
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<IfModule mod_headers.c> Header unset ETag <filesMatch "\.(ico|jpe?g|png|gif|swf)$"> Header set Cache-Control "max-age=2592000, public" </filesMatch> <filesMatch "\.(css)$"> Header set Cache-Control "max-age=604800, public" </filesMatch> <filesMatch "\.(js)$"> Header set Cache-Control "max-age=604800, private" </filesMatch> <filesMatch "\.(x?html?|php)$"> Header set Cache-Control "max-age=600, private, must-revalidate" </filesMatch> </IfModule> |
이처럼 해더에 캐시 캔트롤 맥스값을 확인해 볼 필요가 있다.