Использование кэша на стороне пользовательского браузера, существенно ускоряет работу вашего сайта. Но как это происходит? Все достаточно просто.
Что такое кеширование в браузере?
Кэширование в пользовательском браузере, сохраняет страницы вашего сайта на компьютере пользователя. Когда пользователь заходит на ваш сайт и переходит на другие страницы, просматривает информацию или товары. Каждая страница, каждый товар сохраняется на компьютере пользователя. И при следующем обращении пользователя к странице, браузер уже мгновенно ее загрузит.
Установка кэша браузера, по сути является инструкцией для браузера со стороны веб-разработчика. Устанавливается специальный код в файл .htaccess. Этот код инструктирует браузер как и на сколько сохранять кэш страниц.
Когда пользовательский браузер обращается к сайту, он должен загрузить. Изображения, файлы стилей, шрифты, скрипты, логотип и т.д.
Браузер запоминает эти ресурсы и создает файл кэша. При следующем обращении к странице, все ресурсы будут загружены не с сервера, а с пользовательского компьютера, что существенно ускоряет работу сайта. Но есть один нюанс, когда пользователь заходит в первый раз, загрузка сайта для него будет чуть дольше.
Изменение заголовков запросов для использования кэширования.
Чтобы включить кэширование, достаточно добавить код в файл с именем .htaccess он находиться в корневой папке с вашим сайтом.
Файл .htaccess контролирует корректную работу вашего сайта и различные методы кэширования. Если у вас в корневой папке нет файла .htaccess, что странно, вы можете его создать непосредственно на сервере.
Кэширование браузера для .htaccess
Этот код сообщает браузерам, что нужно кэшировать ресурсы на странице и как долго хранить кэш. Этот код необходимо добавить в начало файла .htaccess.
## EXPIRES CACHING ##
<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/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"
</IfModule>
## EXPIRES CACHING ##
Как долго хранить кэш ресурсов?
Вы можете оставить срок кэширования неизменным или изменить по своему усмотрению.