Leverage browser caching

В последнее время все гоняться за скоростью работы сайтов.

Один из наиболее простых и первоочередных тасков, которые нужно сделать для ускорения работы сайта — это Leverage browser caching, то есть усилить кэширование браузера.

Leverage browser caching — означает настройку параметров кэширования файлов. Эти параметры передаются веб-сервером браузеру в заголовке каждого файла. Правильные настройки кэширования говорят браузеру сначала проверять у себя в кэше файлы формата css, js, jpg, png, gif, прежде чем скачивать заново с сервера. Это позволяет ускорить сайт, в некоторых случаях в 2-3 раза.

Именно Leverage browser caching чаще всего рекомендуют сервисы анализа скорости загрузки сайта, такие как Google Page Speed Insights или Tools Pingdom.

Как сделать Leverage browser caching

Самый простой и быстрый способ сделать Leverage browser caching это настроить веб-сервер. Обывателю проще всего это сделать при помощи .htaccess файла на вашем сервере. Там вы точно не сломаете чего-то глобального.

Для того, чтобы включить кэширование нужно прописать в конце .htaccess файла следующий код:

## EXPIRES CACHING ##

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"

## EXPIRES CACHING ##

Этот код будет говорить вашему веб-серверу, что картинки нужно кэшировать в течении 1-го года, а CSS, HTML, PDF, JS и SWF — в течении 1-го месяца с момента первой загрузки.

Внимание! Этот код будет работать только на вебсервере Apache. nGinx этот код не воспримет.

Рассмотрим более узкий вариант:

Leverage browser caching wordpress

У WordPress есть свои собственные настройки в .htaccess, которые позволяют ему обрабатывать ЧПУ. Поэтому важно ничего в нем не сломать ускоряя сайт.

Код Leverage browser caching WordPress (стандартной установки):

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

## EXPIRES CACHING ##

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"

## EXPIRES CACHING ##

Это полный код .htaccess для стандартной установки WordPress. Просто вставьте этот код в ваш .htaccess файл.

Помните все правки с файлом .htaccess нужно делать осторожно, и предварительно делать резервную копию.

Ищите раздвижные двери? Узнайте какие лучше раздвижные двери купить для дома, а какие для офиса, и сколько будет стоить установка.

154