Как настроить Leverage Browser Caching в Вордпресс

Вы проверяли сайт на скорость в тесте Google PageSpeed Tools, GTmetrix или Pingdom, и получили предупреждение «Leverage browser caching» или «Leverage browser caching for the following cacheable resources».

Это значит «Используйте кеширование в браузере» или «Используйте кеширование в браузере для следующих кешируемых ресурсов».

Содержание:

Что такое Leverage Browser Caching

• Вручную
• При помощи плагина W3 Total Cache
• При помощи плагина Hummingbird

• Вручную
• При помощи плагина Complete Analytics Optimization Suite (CAOS)

Что такое Leverage Browser Caching

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

Leverage Browser Caching — это правило, которое определяет, как долго браузер хранит контент, картинки, css или js в браузере посетителя. Когда время хранения этих файлов истечет, браузер посетителя очистит кеш.

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

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

Это увеличивает скорость загрузки страниц и уменьшает нагрузку на сервер.

Как установить срок хранения файлов в браузере пользователя в Вордпресс

Вы можете сделать это вручную или при помощи плагинов.

Вручную:

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

Добавьте в него этот код:

Вы можете изменить время хранения файлов по своему усмотрению. Если какой-то тип файлов вы хотите обновлять чаще, установите другой интервал. Google и Pingdom рекомендуют установить срок хранения для этих файлов не менее 1 недели и до 1 года. Обычно используют 1-2 недели.

Сохраните и загрузите на сервер. Удалите кеш из браузера и из плагина кеширования, если вы его используете.

При помощи плагина W3 Total Cache:

Вы можете изменить настройки Leverage browser caching для CSS и JS файлов в разделе Browser Cache, секция CSS & JS. В этом случае время хранения JS файлов установлено 691.200 секунд (8 дней).

Настройки HTML & XML и Media & Other Files находятся в следующих секциях и настраиваются так же.

• Как настроить W3 Total Cache: Подробное описание

При помощи плагина Hummingbird:

Эти настройки находятся в разделе Caching, секция Browser Caching:

Это автоматические настройки, если вы хотите изменить срок хранения для отдельных типов файлов, сделайте это здесь:

Сохраните настройки, обновите кеш.

Как изменить время хранения файла analytics.js Гугл Аналитикс

Файл https://www.google-analytics.com/analytics.js является JS файлом и может быть кеширован в браузере посетителя на заданное количество времени, но Гугл не позволяет это сделать, так как время от времени они меняют этот файл для улучшения отслеживания поведения посетителей сайта.

Главная страница панели вебмастера Гугл получает рекомендацию изменить время хранения этого файла. Результат тестирования:

Если вы все еще хотите изменить время хранения этого файла в браузере, читайте далее.

Как изменить Leverage Browser Caching для файла Google Analytics вручную

Чтобы изменить время хранения файла analytics.js, вам нужно хранить этот файл на своем сервере и загружать этот файл на сайт со своего сервера.

1. Откройте файл https://www.google-analytics.com/analytics.js в новой вкладке и скопируйте весь код. 
2. Создайте папку на сервере и назовите ее google-analytics.
3. В это папке создайте текстовый файл и вставьте в него код, который вы скопировали ранее.
4. Переименуйте файл в ga-local.js
5. Замените URL в коде Google Analytics на адрес созданного файла. Должно получиться http://my-site.ru/google-analytics/ga-local.js
6. Перенесите ваш новый код Google Analytics в футер сайта.

Проверьте ваш сайт на скорость в тесте Гугл, это предупреждение должно пропасть. Минус этого способа в том, что вам нужно будет время от времени обновлять этот файл вручную.

Как изменить Leverage Browser Caching для файла Google Analytics при помощи плагина

Чтобы изменить время хранения файла analytics.js, установите этот плагин:

Настройки плагина находятся в меню Настройки -> Optimize Analytics.

1. Введите ваш код Гугл Аналитикс.
2. Выберите место для вставки кода.
3. Нажмите Save Settings.

Этот плагин создает файл analytics.js на вашем сервере и использует его для сервиса Гугл Аналитикс. Плагин автоматически обновляет файл analytics.js на вашем сервере с сервера Гугл через определенные промежутки времен по cron-расписанию.

Заключение:

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

Устранение предупреждения Leverage browser caching — https://www.google-analytics.com/analytics.js (2 hours) добавит вам 1 балл в тесте Гугл.

Надеюсь, статья была полезной. Оставляйте комментарии.