Настройка браузерного кэширования для сайта

.htaccess

21-09-2015

Настроив кэширование статических элементов, таких как картинки или js скрипты можно добиться ускорения загрузки страниц снизив нагрузку на сервер. Так как эти элементы будут загружаться из кэша клиента сайта, а не загружаться заново с сервера.
Описанный ниже код вставляется в .htaccess сайта Если сайт работает под сервером Apache: Настройка времени жизни кэша:
< IfModule mod_expires.c >
  ExpiresActive On

  # Images
  ExpiresByType image/jpeg "access plus 1 year"
  ExpiresByType image/gif "access plus 1 year"
  ExpiresByType image/png "access plus 1 year"
  ExpiresByType image/webp "access plus 1 year"
  ExpiresByType image/svg+xml "access plus 1 year"
  ExpiresByType image/x-icon "access plus 1 year"

  # Video
  ExpiresByType video/mp4 "access plus 1 year"
  ExpiresByType video/mpeg "access plus 1 year"

  # CSS, JavaScript
  ExpiresByType text/css "access plus 1 month"
  ExpiresByType text/javascript "access plus 1 month"
  ExpiresByType application/javascript "access plus 1 month"

  # Others
  ExpiresByType application/pdf "access plus 1 month"
  ExpiresByType application/x-shockwave-flash "access plus 1 month"
Включение кэширования браузером:
< ifModule mod_headers.c >
    
        Header set Cache-Control "public"
    
    
        Header set Cache-Control "public"
    
    
        Header set Cache-Control "private"
    
    
        Header set Cache-Control "private, must-revalidate"
    

Для NGINX сервера:
< ifModule mod_headers.c >location ~* \.(jpg|png|gif|jpeg|css|js)$ {
    expires 24h;
}
Просмотров: 124