Techbear
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.
Вы проверяли сайт на скорость в тесте Google PageSpeed Tools, GTmetrix или Pingdom, и получили предупреждение «Leverage browser caching» или «Leverage browser caching for the following cacheable resources».
Это значит «Используйте кеширование в браузере» или «Используйте кеширование в браузере для следующих кешируемых ресурсов».
Что такое Leverage Browser Caching
Каждый раз когда браузер загружает страницу, ему нужно загрузить все html, css, js файлы и картинки, из которых состоит эта страница. Эти файлы могут быть большими или маленькими. Чтобы при загрузке следующих или уже посещенных страниц не загружать одни и те же файлы, например, контент уже посещенной страницы, шапку сайта, фавикон, сайдбар и так далее, используется кеширование в браузере посетителя.
Leverage Browser Caching — это правило, которое определяет, как долго браузер хранит контент, картинки, css или js в браузере посетителя. Когда время хранения этих файлов истечет, браузер посетителя очистит кеш.
В Вордпрессе нет встроенной функции использования кеширования в браузере. Каждый раз, когда посетитель запрашивает какую-то страницу, серверу приходится генерировать и посылать ему все содержимое страницы. На передачу большего количества информации тратится большее количество времени и большее количество ресурсов сервера.
Кеширование в браузере позволяет установить срок хранения статичных ресурсов, поэтому браузер может использовать кешированные версии файлов с жесткого диска компьютера посетителя вместо того, чтобы скачивать их с сервера еще раз.
Это увеличивает скорость загрузки страниц и уменьшает нагрузку на сервер.
Вы можете сделать это вручную или при помощи плагинов.
Чтобы установить срок хранения файлов вручную, вам нужно отредактировать файл .htaccess, который находится в корневой папке сайта. Вы можете попасть в корневую папку через менеджер файлов на хостинге, или по FTP. Файл .htaccess может быть скрытым, поэтому включите показ скрытых файлов.
Добавьте в него этот код:
Вы можете изменить время хранения файлов по своему усмотрению. Если какой-то тип файлов вы хотите обновлять чаще, установите другой интервал. Google и Pingdom рекомендуют установить срок хранения для этих файлов не менее 1 недели и до 1 года. Обычно используют 1-2 недели.
Сохраните и загрузите на сервер. Удалите кеш из браузера и из плагина кеширования, если вы его используете.
Вы можете изменить настройки Leverage browser caching для CSS и JS файлов в разделе Browser Cache, секция CSS & JS. В этом случае время хранения JS файлов установлено 691.200 секунд (8 дней).
Настройки HTML & XML и Media & Other Files находятся в следующих секциях и настраиваются так же.
Эти настройки находятся в разделе Caching, секция Browser Caching:
Это автоматические настройки, если вы хотите изменить срок хранения для отдельных типов файлов, сделайте это здесь:
Сохраните настройки, обновите кеш.
Файл https://www.google-analytics.com/analytics.js является JS файлом и может быть кеширован в браузере посетителя на заданное количество времени, но Гугл не позволяет это сделать, так как время от времени они меняют этот файл для улучшения отслеживания поведения посетителей сайта.
Главная страница панели вебмастера Гугл получает рекомендацию изменить время хранения этого файла. Результат тестирования:
Если вы все еще хотите изменить время хранения этого файла в браузере, читайте далее.
Чтобы изменить время хранения файла analytics.js, вам нужно хранить этот файл на своем сервере и загружать этот файл на сайт со своего сервера.
Проверьте ваш сайт на скорость в тесте Гугл, это предупреждение должно пропасть. Минус этого способа в том, что вам нужно будет время от времени обновлять этот файл вручную.
Чтобы изменить время хранения файла analytics.js, установите этот плагин:
Настройки плагина находятся в меню Настройки -> Optimize Analytics.
Этот плагин создает файл analytics.js на вашем сервере и использует его для сервиса Гугл Аналитикс. Плагин автоматически обновляет файл analytics.js на вашем сервере с сервера Гугл через определенные промежутки времен по cron-расписанию.
Если вы время от времени делаете изменения элементов сайта, установите меньшее время хранения файлов, если ничего не меняете — установите несколько дней или недель.
Устранение предупреждения Leverage browser caching — https://www.google-analytics.com/analytics.js (2 hours) добавит вам 1 балл в тесте Гугл.
Надеюсь, статья была полезной. Оставляйте комментарии.
Сайт для тех, кто хочет использовать Вордпресс по максимуму, но не хочет разбираться в коде.
Здравствуйте!
Установил себе плагин W3TC, так как страницы сайта медленно грузятся. Настроил все по вашей инструкции (настройки сверял также с другими авторитетными источниками). В итоге скорость повысилась, но совсем немного (для мобильных браузеров было 23, стало 33, для десктопных — 60/71 по GooglePagespeed). Пишет:
Используйте кеш браузера для следующих ресурсов: (https://developers.google.com/speed/docs/insights/LeverageBrowserCaching)
Объяснение:
https://*****.ru/wp-content/cache/minify/5e084.js (не указан срок действия)
https://*****.ru/wp-content/cache/minify/62b3e.js (не указан срок действия)
https://*****.ru/wp-content/cache/minify/7313f.js (не указан срок действия)
https://*****.ru/wp-content/cache/minify/85615.js (не указан срок действия)
https://*****.ru/wp-content/cache/minify/9f80e.css (не указан срок действия)
https://*****.ru/wp-content/cache/minify/c147f.css (не указан срок действия)
https://*****.ru/wp-content/cache/minify/cab11.css (не указан срок действия)
https://*****.ru/wp-content/cache/minify/fbb6d.css (не указан срок действия)
https://*****.ru/wp-content/uploads/2019/12/3-2.jpg (не указан срок действия)
https://*****.ru/wp-content/uploads/2019/12/slide-10.jpg (не указан срок действия)
https://*****.ru/wp-content/uploads/2019/12/slide-12.jpg (не указан срок действия)
https://*****.ru/wp-content/uploads/2020/01/slide-40.jpg (не указан срок действия)
https://mc.yandex.ru/metrika/advert.gif (60 минут)
https://mc.yandex.ru/metrika/tag.js (60 минут)
На главной странице есть слайдер (сайт на Вордпрессе, тема The7), но медленно грузятся все страницы.
При тестировании W3TC показывает, что на сервере (виртуальный от reg.ru) не установлены модули mod_deflate, mod_headers, mod_rewrite, mod_setenvif, mod_expires и некоторые другие.
Непонятно, влияет ли это как-то на скорость загрузки сайта: вот этот «не указан срок действия», а также то, что указанные модули не установлены??
Если влияет, то можно ли вручную как-то прописать в .htaccess время хранения именно для этих файлов?