Как легко исправить предупреждение об использовании кэширования браузера в WordPress

Вы можете встретить различные онлайн-инструменты для измерения производительности веб-сайта. Каждый из них анализирует, насколько быстро работают определенные части вашего сайта. И среди многочисленных распространенных предупреждений часто встречается ошибка «Использовать кеширование браузера». Это касается кэширования как функции, позволяющей временно использовать пространство на клиентских устройствах. Что приводит к более быстрой общей загрузке вашего сайта и его страниц. Другими словами, вы можете легко исправить предупреждение о кэшировании браузера в WordPress, чтобы обеспечить лучший пользовательский интерфейс для ваших посетителей .

Надежные способы исправить предупреждение о кешировании браузера в WordPress

Есть два случая, когда вы получите это предупреждение. Во-первых, кеширование вашего браузера не включено. Во-вторых, кеширование браузера настроено неправильно. Однако во многих онлайн-инструментах эта ошибка в настоящее время сообщается как «Обслуживать статические ресурсы с эффективной политикой кэширования» . Но любое предупреждение, которое вы получаете, означает, что правила кэширования вашего браузера не действуют. Если вы не уверены, что сможете решить проблемы самостоятельно, опытные специалисты WP всегда помогут вам решить эти вопросы. Или, если да, то давайте посмотрим, как можно исправить предупреждение «Использовать кеширование браузера» в WordPress.

Содержание:

• Что такое кэширование браузера?
  • Плагин W3 Total Cache
  • Плагин CAOS
  • Плагин WP Rocket
• Исправить предупреждение об использовании кэширования браузера с помощью плагинов
• Исправьте это вручную с помощью кода

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

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

Наиболее распространенные типы файлов, которые кэшируются:

• таблицы стилей
• картинки
• логотипы
• и другие статические элементы

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

Исправить предупреждение об использовании кэширования браузера с помощью плагинов

Общий кэш W3

W3 Total Cache — один из самых популярных плагинов кэширования . Он поставляется со всеми функциями, которые вы можете ожидать от такого плагина. В целом, этот плагин напрямую улучшает SEO и весь пользовательский опыт, повышая производительность вашего сайта. При правильной настройке он может повысить общую производительность примерно в 10 раз. Этот плагин существует уже более десяти лет, и многие веб-разработчики, веб-хостинги и издатели доверяют этому плагину.

Плагин CAOS

Полный комплект Analytics Optimization Suite можно легко найти в репозитории плагинов WordPress. Хотя он не известен как универсальное решение для кэширования, этот плагин решает проблему с Google Analytics . Иногда, если вы используете Google Analytics, это искажает результаты PageSpeed ​​Insights и подобных инструментов. В основном потому, что Google установил слишком короткое время истечения срока действия кеша. С помощью подключаемого модуля CAOS вы можете локально разместить свой хост analytics.js/gtag.js и автоматически обновлять его.

Плагин WP Rocket

Одним из лучших плагинов кэширования для WordPress в этом списке, безусловно, является WP Rocket. В то время как другие плагины могут быть сложными в настройке, WP Rocket довольно прост. Он довольно удобен для начинающих и позволяет оптимизировать все без каких-либо предварительных знаний. По сути, вам просто нужно установить, активировать его, и он сразу же будет использовать рекомендуемую конфигурацию .htaccess. Это, безусловно, самый простой и быстрый способ исправить использование предупреждений о кэшировании браузера в WordPress и сделать ваш сайт максимально удобным для пользователя.

Исправьте это вручную с помощью кода

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

Первым шагом, прежде чем вносить какие-либо изменения, является резервное копирование вашего сайта.

Следующие шаги могут немного отличаться в зависимости от используемого вами сервера.

Если вы используете сервер Apache

По сути, все начинается с редактирования вашего файла .htaccess . Оказавшись внутри, вам нужно будет добавить код для управления кешем и заголовков с истекающим сроком действия. Cache-control — это набор инструкций о том, как следует обрабатывать кэширование. Заголовки с истекшим сроком действия определяют период сохранения ресурсов в браузере.

• Во-первых, добавьте следующий код для управления кешем :

<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=80000, public"
</filesMatch>

По сути, это позволяет кэшировать различные типы файлов. И установите их срок действия после «максимального возраста» в секундах. После чего браузер снова обновит весь кеш.

• Далее вы добавите код, который будет определять заголовки с истекшим сроком действия :

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpeg "access 2 year"
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/png "access 3 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType image/gif "access 2 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/pdf "access 3 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 5 days"
</IfModule>

Эти строки, по сути, устанавливают разные даты истечения срока действия для разных типов файлов, в зависимости от того, что вам нужно.

Если вы используете сервер Nginx

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

• Но, получив безопасный доступ, вы можете добавлять заголовки управления кешем :

location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 14d;
add_header Cache-Control "public, no-transform"; }

Как и в Apache, это установит время истечения срока действия всего кеша.

• И следующие строки будут устанавливать заголовки истечения срока действия :

location ~* \.(jpg|jpeg|gif|png|svg)$ { expires 365d; }
location ~* \.(pdf|css|html|js|swf)$ { expires 4d; }

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

Хотя они могут не дать вам правильного представления о том, как работает ваш веб-сайт, онлайн-инструменты повышения производительности могут указать вам правильное направление. И один из самых простых способов начать вносить изменения — исправить предупреждение «Использовать кеширование браузера» в WordPress . Или, как сегодня это часто называют «Обслуживать статические активы с помощью эффективной политики кэширования». Это ускорит загрузку вашего веб-сайта и обеспечит лучший пользовательский интерфейс для новых и постоянных посетителей. Выбираете ли вы плагины или хотите добавить код вручную, это не имеет большого значения. В общем, важно, чтобы ваш сайт работал лучше.