Используйте кеш браузера! Как использовать кеш браузера для ускорения сайта

Используйте кеш браузера

При проверке скорость загрузки сайта сервисом PageSpeed Insights ( https://developers.google.com/speed/pagespeed/insights/ ) от Google предоставляются рекомендации для увеличения скорости загрузки страниц сайта.

Самая часто упоминаемая рекомендацию об использовании кеша браузера. Как ее реализовать? Для этого необходимо в основном файле .htaccess вашего сайта необходимо внести следующий код :

# кеширование в браузере пользователя

<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access 7 days"
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType text/css "access plus 1 year"
ExpiresByType text/html "access plus 7 day"
ExpiresByType text/x-javascript "access 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/x-icon "access 1 year"
ExpiresByType application/x-shockwave-flash "access 1 year"
</IfModule>

# Cache-Control

<ifModule mod_headers.c>

# 30 суток
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|swf)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>

# 30 суток
<filesMatch ".(css|js)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>

# 2 суток
<filesMatch ".(xml|txt)$">
Header set Cache-Control "max-age=172800, public, must-revalidate"
</filesMatch>

# 1 сутки
<filesMatch ".(html|htm|php)$">
Header set Cache-Control "max-age=172800, private, must-revalidate"
</filesMatch>

</ifModule>

Внесли - проверьте еще раз свой сайт PageSpeed Insights. Рекомендация будет реализована.

Теперь при первой загрузке сайта все файлы будут загружены в кэш браузера пользователя и им будет присвоена временная метка.

В течении этого времени файлы будут загружаться на с хостинга, а непосредственно из кэша браузера пользователя.

По истечении времени кэширования файлы снова обновятся с хостинга сайта. И все начнется снова...

Скорости вашим сайтам!

Поделитесь этой страницей!