Ускорение загрузки WordPress

Всех приветствую! После последнего обновления алгоритмов Google, огромная часть сайтов по показателям скорости загрузки Google Insight скатились из зеленой и желтых зон до критической красной. Если раньше показатель мог составлять для ПК 70-80%, то сейчас большинство владельцев, могут наблюдать оценку скорости в 10-12%. Как это исправить, как ускорить свой сайт, созданный на CMS WordPress, чтобы не терять позиции в выдаче мы сегодня и разберем. 

maxresdefault

Сразу оговорюсь! Хотя все что будет описано, довольно, не сложное, но все же, может нарушить работу вашего сайта и к этому нужно быть готовым и понимать, как восстановить работу, как делать бекапы и восстанавливать из них полностью и частично! Обязательно тестируйте сайт на работоспособность всего функционала — формы, отображение и тд и тп. Если же вы боитесь навредить своему сайту, да и вообще мало представляете что-то в его устройстве, то дам вам очень полезный совет: «Обратитесь за помощью к фрилансерам на бирже Кворк https://kwork.ru/projects» — это сэкономит вам время и нервы, а стоить такая услуга будет от 500 до 1500 рублей за сайт или блог средней сложности.

А теперь по пунктам:

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

1 Создаем резервную копию!

Обязательно перед внесением изменений создайте резервную копию сайта. Можно сделать с помощью плагинов или на самом хостинге. Многие хостинги по умолчанию создают периодически резервные копии, в этом случае, от вас потребуется только проверить наличие последней копии, которая включает в себя последнее состояние сайта. Я пользуюсь хостингом Beget, если вы так же его используете, то можете пользоваться во время работы — созданием бекапов по требованию. Стоимость одной копии — бесплатно, каждая последующая 2 рубля в сутки.

bekap po trebovaniyu beget

2 Настраиваем оптимизацию и кеширование

Для этой цели я выбрал плагин Autoptimize, который объединяет в себе эти функции. Включаем оптимизацию CSS, Java скриптов и HTML. Обязательно, после сохранения настроек проверьте работоспособность функционала сайта. В некоторых случаях могут работать некорректно некоторые стили или формы, может не появляться текстовая панель в комментариях и подобное при оптимизации JS. Проверяем, если что-то не так, то опытным путем отключаем галочки в настройках до полной исправности сайта. Настройки, которые подошли мне прилагаю, но вполне возможно, что я что-то и упустил.

3 Конвертируем изображения в WebP

 Одним из последних изменений гугла стало — требование изображений нового еще более облегченного формата WebP. Для конвертации изображений в данный формат есть много различных плагинов, проведя тесты некоторых из них, я остановился на WebP Express. Плагин бесплатный, конвертация проходит без ограничений усилиями вашего сервера, без подключения облачных услуг сервисов, и прочего. Практически все настройки оставляем по умолчанию, главное изменить графу Scope на Everything (including wp-admin). Изменение этого пункта потребуется, чтобы плагин конвертировал в WebP все ранее загруженные изображения. 

После настройки плагина жмем Bulk Сonvert. И ждем пока переконвертируются все изображения на сайте, которых будет очень не мало, так как WP по-умолчанию создает огромное количество дубликатов разных размеров. Страница с запущенным конвертером может периодически подвисать, связанно это с временной большой нагрузкой на сервер. Если она повисла и совсем не реагирует на клики и скролинг мышью, то не обновляйте (это бесполезно), просто закройте страницу и откройте по новой, после чего опять запустите конвертацию, повторно нажав Bulk Сonvert. Данную процедуру нужно выполнять до тех пор, пока вы не увидите сообщения о том, что больше нет файлов для конвертации.

Screenshot 4

Важный момент! Может для кого-то он даже покажется очень полезным) Если в настройках HTML отметить пункт «Replace <img> tags with <picture> tags, adding the webp to srcset.», то изображения на сайте будут блокироваться блокировщиками рекламы, ABP Block и подобных. Чтобы этого не происходило, выбирайте второй пункт «Replace image URLs». Обязательно проверьте на работоспособность после включения Sitemap.xml, так как включение данной опции может поломать работу карты сайта записей (карта изображений, страниц и прочие функционируют нормально, привел пример из карт сгенерированных модулем sitemap All In One SEO Pack) ! Если карта записей начала выдавать ошибку или срабатывает переадресация на главную, то стоит хорошо задуматься, будет ли полезна эта функция вам!!!

Screenshot 3

После проведения полной конвертации, нужно зайти в Autoptimize и очистить все закешированные страницы.

Screenshot 5

После проведения этих не сложных манипуляций показатели вашего сайта значительно повысятся, до желтой зоны (<50%) и выше для ПК. После теста скорости читаем рекомендации Google для последующих шагов оптимизации.

Screenshot 6

Удачи!

Вас могут заинтересовать:

@DDR5.RU

@DDR5.RU

Комментарии не относящиеся к тематикам страниц, вводящие в заблуждение пользователей нашего ресурса, носящие рекламный и провокационный характер будут беспощадно удаляться!!! С уважением, администрация DDR5.RU...

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *