Blog

Как ускорить загрузку сайта на базе wordpress

  1. Поисковым системам нравятся  быстрые сайты и при ранжировании в выдаче они выводят их в первую очередь. Медленные сайты в выдаче тоже появляются, но далеко за пределами первых страниц.
  2. Быстрая скорость загрузки сайта повышает конверсию и продажи на сайте, поскольку посетителю не нужно ждать несколько минут пока загрузятся все, пусть и очень красивые, картинки.
  3. Ваш сайт становится доступным и удобным при загрузке его на мобильных устройствах: телефонах, планшетах. Что также повышает конверсию.

Сервисы для проверки скорости загрузки сайта

  1. Site Speed — российский сервис, который позволяет довольно оперативно проверить скорость загрузки сайта + даёт понятные рекомендации о том, что можно поправить, чтобы скорость увеличилась
  2. При помощи инструмента от Google PageSpeed Insights — также выдаёт подробную информацию о том, как быстро сайт загружается со стационарного компьютера или с мобильного устройства. Выдаёт подробную информацию о том, что нужно оптимизировать, в том числе даже адреса изображений на вашем сайте, которые мешают ему работать быстро.

Ускорить загрузку сайта на базе wordpress

Скорость загрузки сайта на базе wordpress довольно быстро ускоряется при помощи оптимизации всех имеющихся на сайте изображений. Оптимизацию изображений без потери их качества можно провести вручную (долгое и очень муторное занятие) или же сделать это при помощи любого из перечисленных ниже плагина.

1. Lazy Load  — один из простейших в использовании плагинов: просто загружаете его через админку и активируете. Данный плагин существенно ускорит работу сайта: он будет выгружать на страницу изображения только тогда, когда они будут попадать на глаза пользователю.

2. PB Responsive Images — данный плагин автоматически превращает все изображения на странице в так называемый адаптивный формат, т.е. формат, который будет соответствовать разрешениям экрана посетителя. На сегодняшний день данный плагин актуален только для тех сайтов, которые сделаны давно и не имеют адаптивной вёрскти.

3. EWWW Image Optimizer — плагин уменьшает размер изображения, не меняя при этом его качества. Плагин требует настройки, о которой подробно написано на его официальной странице.

4. CW Image Optimizer — плагин оптимизирует все изображения, которые есть у вас на сайте, в том числе и те, которые вы загрузили давно.  Качество изображений при этом не меняется.

ускорость загрузки сайта на базе wordpress

Ускорение загрузки сайта при помощи оптимизация CSS и JavaScript

По этому вопросу нужно обратиться в поддержку вашего сайта или же самостоятельно проверить наличие скриптов в тех местах, где им не место, а мест таких не так много:

  1. Проверьте наличие лишних стилей и скриптов в файлах шапки и подвала вашего сайта. Если они там есть, то перенесите их в специальные файлы css.
  2. Проверьте наличие лишних стилей и скриптов в файлах типовых страниц вашего сайта. Все стили должны быть прописаны в специальном файле.

Ускорение работы сайта при помощи настройки файла .htaccess

Чтобы сайт быстрее грузился, можно настроить ответ сервера, на котором он лежит. Делается это при помощи файла .htaccess

В нём нужно прописать следующие правила для сайта:

Внимание! В коде нужно поменяйте кавычки на свои, иначе будет ошибка 500.

[php]# кеширование в браузере на стороне пользователя
ExpiresActive On
ExpiresDefault “access 7 days”
ExpiresByType application/javascript “access plus 1 year”
ExpiresByType text/javascript “access plus 1 year”
ExpiresByType text/css “access plus 1 year”
ExpiresByType text/html “access plus 7 day”
ExpiresByType text/x-javascript “access 1 year”
ExpiresByType image/gif “access plus 1 year”
ExpiresByType image/jpeg “access plus 1 year”
ExpiresByType image/png “access plus 1 year”
ExpiresByType image/jpg “access plus 1 year”
ExpiresByType image/x-icon “access 1 year”
ExpiresByType application/x-shockwave-flash “access 1 year”
[/php]
[php]# Cache-Control
# 30 дней
Header set Cache-Control “max-age=2592000, public”
# 30 дней
Header set Cache-Control “max-age=2592000, public”
# 2 дня
Header set Cache-Control “max-age=172800, public, must-revalidate”
# 1 день
Header set Cache-Control “max-age=172800, private, must-revalidate”
[/php]

Второй вариант кода, который можно применить, если не сработает первый вариант:

[php]# использование кеша браузеров
FileETag MTime Size
ExpiresActive on
ExpiresDefault “access plus 1 year”
[/php]
[php]#Запрет отдачи HTTP-заголовков Vary браузерам семейства MSIE
BrowserMatch “MSIE” force-no-vary
BrowserMatch “Mozilla/4.[0-9]{2}” force-no-vary
[/php]

Ускорение загрузки сайта при помощи кэширования

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

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

Сделать это можно при помощи следующих плагинов. Работать сие будет следующим образом: сам сайт на своей стороне будет сохранять определенные данные, и при переходе на страницу, браузер пользователя будет прсото скачивать эти данные в виде готовой страницы. Таким образом сайту не нужно будет обращаться к серверу или базе данных, загрузка страницы будет идти в разы быстрее.

1. Wp Super Cache — один из удобнейших на сегодняшний день плагинов. Настройка плагина будет идти целиком через админку вашего сайта.

2. Wp Widget Cache — плагин кэширует виджеты, с чем не справляется плагин указанны выше.

Ускорение работы сайта при помощи настройки файла wp-config.php

Каждая cms имеет в своём арсенале несколько языковых вариантов. На сайте, как правило, используют 1-3 из них. Чтобы сократить количество загружаемых языковых настроек только до тех, которые на сайте на самом деле используются, нужно добавить в конфигурационный файл wordpress следующий код.

define (‘WPLANG’, ‘ru_RU’);

поменять на:

if (strpos($_SERVER[‘REQUEST_URI’], ‘wp-admin’)) define (‘WPLANG’, ‘ru_RU’); else define (‘WPLANG’, ‘ru_RU_lite’);

Хорошего вам и признанного поисковиками сайта, на котором посетители захотят задержаться на долгое время!

Ирина Власова

Сооснователь агентства Lio Digital Marketing Agency.

Как ускорить загрузку сайта на базе wordpress