Как добавить заголовки Expires в WordPress (шаг за шагом)

Хотите узнать, как добавить заголовки expires в WordPress?? Заголовки Expires - это правила, которые позволяют веб-браузерам понять, следует ли загружать...

Хотите узнать, как добавить заголовки expires в WordPress??

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

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

Как заголовки Expires используются в WordPress?

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

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

Теперь вам, наверное, интересно, как браузеры узнают, какие файлы сохранять и как долго их хранить??

Вот где пригодятся заголовки expires.

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

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

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

  • Метод 1: Добавление заголовков с истекающим сроком действия с помощью плагина WP Rocket WordPress Plugin
  • Метод 2: Добавление заголовков Expires в WordPress с помощью кода

Если вы предпочитаете письменные инструкции, просто продолжайте чтение.

Метод 1: Добавление заголовков Expires с помощью плагина WordPress WP Rocket

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

WP Rocket — это плагин премиум-класса, но самое приятное, что все функции включены в их самый низкий тарифный план.

WP Rocket

Первое, что вам нужно сделать, это установить и активировать плагин WP Rocket. Подробнее см. наше пошаговое руководство по установке плагина WordPress.

После установки и активации WP Rocket автоматически включит кэширование браузера. По умолчанию он добавляет заголовки expires и cache-control с наилучшими настройками для ускорения работы вашего сайта WordPress.

Это все, что вам нужно сделать. Если вы хотите узнать больше о плагине, то смотрите наше руководство о том, как правильно установить и настроить WP Rocket в WordPress.

Если вы предпочитаете использовать бесплатный плагин кэширования для добавления заголовков истечения срока действия на ваш сайт, то мы рекомендуем вам обратить внимание на W3 Total Cache.

W3 Total Cache предлагает некоторые из тех же функций, что и WP Rocket, но он не так удобен для начинающих. Вам придется вручную включить заголовки expires, поскольку он не включает их автоматически.

Метод 2: Добавление заголовков Expires в WordPress с помощью кода

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

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

С учетом сказанного, давайте рассмотрим, как добавить заголовки expires путем добавления кода в WordPress.

Определите, работает ли ваш сайт на Apache или Nginx

Во-первых, вам нужно выяснить, использует ли ваш сайт серверы Apache или Nginx. Для этого перейдите на свой сайт и щелкните правой кнопкой мыши на странице, затем выберите опцию ‘Inspect’.

Щелкните правой кнопкой мыши на опции Inspect

Далее вам нужно перейти на вкладку «Сеть» в верхней части страницы. Вам может потребоваться обновить страницу, чтобы результаты загрузились.

Нажмите на вкладку Сеть

После этого вы можете нажать на имя вашего домена в верхней части колонки ‘Имя’. Затем необходимо прокрутить вниз до раздела ‘Response Headers’ и проверить наличие элемента под названием ‘server’.

Проверьте раздел Заголовки ответа

Это покажет вам, какой веб-сервер используется. В данном случае сайт работает на сервере Nginx.

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

  • Как добавить заголовки Expires в Apache
  • Как добавить заголовки Expires в Nginx

Как добавить заголовки Expires в Apache

Чтобы добавить заголовки expires на сервер Apache, вам необходимо добавить код в ваш .файл htaccess.

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

Найдите .htaccess в корневой папке

Иногда .Файл htaccess может быть скрыт. Если вам нужна помощь в поиске, то смотрите наше руководство о том, почему вы не можете найти .htaccess файл на вашем сайте WordPress.

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

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

## КЭШИРОВАНИЕ ЗАГОЛОВКА EXPIRES ## ExpiresActive On ExpiresByType image/jpg "доступ 1 год" ExpiresByType image/jpeg "доступ 1 год" ExpiresByType image/gif "доступ 1 год" ExpiresByType image/png "доступ 1 год" ExpiresByType image/svg "доступ 1 год" ExpiresByType text/css "доступ 1 месяц" ExpiresByType application/pdf "доступ 1 месяц" ExpiresByType application/javascript "доступ 1 месяц" ExpiresByType application/x-... javascript "доступ 1 месяц" ExpiresByType application/x-shockwave-flash "доступ 1 месяц" ExpiresByType image/x-icon "доступ 1 год" ExpiresDefault "доступ 3 дня" ## КЭШИРОВАНИЕ ЗАГОЛОВКА EXPIRES ##

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

Обратите внимание, что код устанавливает разные сроки истечения кэша в зависимости от типа файла. Изображения кэшируются дольше, чем HTML, CSS, Javascript и другие типы файлов, потому что они обычно остаются неизменными.

Как добавить заголовки Expires в Nginx

Если вы используете сервер Nginx для размещения своего блога WordPress, то вам нужно отредактировать файл конфигурации сервера, чтобы добавить заголовки expires.

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

Затем вам нужно добавить следующий код для добавления заголовков expires:

местоположение ~* .(jpg|jpeg|gif|png|svg)$ < expires 365d; >местоположение ~* .(pdf|css|html|js|swf)$

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

Мы надеемся, что это руководство помогло вам узнать, как добавить заголовки expires в WordPress. Вы также можете ознакомиться с нашим руководством по безопасности WordPress для повышения безопасности вашего сайта и сравнением лучших сервисов email-маркетинга для увеличения трафика.

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий