For a better experience please change your browser to CHROME, FIREFOX, OPERA or Internet Explorer.

Использование кэша на стороне пользовательского браузера, существенно ускоряет работу вашего сайта. Но как это происходит? Все достаточно просто.

Что такое кеширование в браузере?

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

Установка кэша браузера, по сути является инструкцией для браузера со стороны веб-разработчика. Устанавливается специальный код в файл .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 ##

Как долго хранить кэш ресурсов?

Вы можете оставить срок кэширования неизменным или изменить по своему усмотрению.