Плагины WordPress для ускорения загрузки сайта

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

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

На написание этой статьи меня вдохновила  Инна Самарина, редактор блога PR-CY, своей статьей "9 плагинов WordPress для ускорения загрузки сайта", где она рекомендует использовать определенные плагины WordPress для ускорения загрузки сайта.

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

  1. Настройки сервера(хостера)
  2. Настройки сайта(бекэнд)

Настройки сервера

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

Если же вы взяли сервер, то вы либо сами имеете опыт в настройке сервера, либо привлечете специалиста, это вариант не для новичка, а для крупных проектов.

Настройки сайта

Здесь все вам подвластно. Есть несколько путей оптимизации, которые прямо влияют на скорость загрузки сайта, из них можно выделить основные:

  1. Отдача заголовков
  2. Отдача мультимедиа
  3. Отдача кешированной версии страницы

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

Заголовки  Last Modified и If-Modified-Since

Первое, что приходит на ум для оптимизации отдачи страницы, это оптимизировать заголовки  Last Modified и If-Modified-Since

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

Удобная реализация этого функционала предоставляет плагин Clearfy.

Оптимизация мультимедиа

Очевидно, что картинка размером в 1мб будет дольше грузиться в браузер пользователя, чем картинка в 100кб. Задача вебмастера "пережать" изображение с минимальными потерями качества, при этом что бы вес картинки уменьшился значительно.

Инна рекомендует для этой цели плагин Smush Image Compression and Optimization. Не самая удачная рекомендация.

Я им пользовался в бесплатной версии, он сжимает изображения крайне не значительно, я не видел смысла покупать платную версию, если в бесплатной, плагин - бесполезен. Тот же Clearfy "изкоробки" уже имеет функционал платной версии Smush и также я не рекомендую пользоваться этим для сжатия картинок.

Как сжать картинку?

Есть варианты:

  1. Софт на компьютере(сервере)
  2. Софт онлайн

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

Kraken оптимизировал скриншот
Kraken оптимизировал скриншот 

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

Оптимизация PageSpeed Tools

По аналогии можно использовать Гугл для тех же целей. Получать сжатые и оптимизированные фото из PageSpeed Insights. Это немного неудобно. Нужно создать страницу, залить туда фото, потом скормить PageSpeed Insights, далее внизу появится ссылка на оптимизированную версию страницы, где Гугл оптимизирует все что можно оптимизировать, в том числе и изображения. Далее нужно вставить в страницу оптимизированные Гуглом фото, предварительно удалив старую версию картинок.

Оптимизация CSS и JS

Можно отложить загрузку JS и оптимизировать(сжать) каскадные таблицы стилей CSS, что также положительно скажется на скорости загрузки сайта.

Реализовать это можно с помощью разных плагинов, в том числе и плагинов кеширования, почти в каждом есть функционал сжатия CSS и JS.

Кеширование

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

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

В моем случае, хостер предоставляет услуги сервера LiteSpeed Web Server, следовательно для WordPress данный сервер предоставляет инфраструктуру в виде оптимизации CSS, JS кода и изображений.

LiteSpeed Cache
LiteSpeed Cache

Достаточно подключить плагин  LiteSpeed Cache, который также есть в репозитории  WordPress, его стоит установить если ваш сервер -  LiteSpeed Web Server и настроить его, даже на дефолтных настройках вы увидите разницу в скорости работы сайта.

Плохие советы Инны

Использовать Jetpack для ускорения сайта - плохая идея.

Jetpack грузит сайт своим функционалом и замедляет сайт примерно на треть.

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

Бесполезные советы от Инны

Она рекомендует - All in One SEO Pack. Это хороший плагин, которым я пользуюсь, но он никак не влияет на скорость отдачи страниц пользователю. Этот плагин дает возможность SEO оптимизации страниц для поисковых систем.

Yandex.News Feed by Teplitsa, это плагин который позволяет формировать ленту для Яндекс, и это никаким образом не пересекается со скоростью загрузки канонических страниц.

Итог

Инна предоставила бесполезную для меня информацию, потому что мне нет смысла пользоваться плагинами для кеширования, поскольку хостер предоставляет более крутой вариант. А варианты насчет использования плагинами которыми она предлагает, если не полностью бесполезны в плане оптимизации скорости, то я ими пользуюсь по совершенно другим причинам (выше объяснил).

6 КОММЕНТАРИИ

  1. Хорошая статья, но для обучаещего заголовка немного излишней критики, особенно в заключении:)

  2. Интересная статья, но я для ускорения открыл w.tools, ускорился почти в 4 раза.

    • А "пациент" ? До и После? Что было установлено и как и каким способом оптимизировано? Для объективности нужен полный разбор пациента. Разобраться в проблемах и причинах проблем, а далее каким способом это было решено и что повлияло. Пока это просто отклик какого-то сайта, не понятно какого. Можно любой сайт скормить пузомерке, ну вы сами понимаете.

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here