Как заставить сайт на WordPress летать

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

ускорение сайта на wordpress

Но вот в проект добавляется «джентельменский набор» плагинов, вроде SEO метатегов, карты сайта, защита от взлома, антиспам, формы обратной связи, шорткоды и т.п.

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

И сайт начинает тупить :cry:

Как решить проблемы ускорением сайта

Я вижу три пути как увеличить скорость работы сайта на WordPress.

Тупиковый

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

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

Я лично наблюдал ситуацию у известного хостера, который доказывал моему клиенту, что его сайт настолько много жрет ресурсов (при посещаемость 10 человек в день), что ему нужно купить супер пупер VIP тариф.

При этом лепил что-то очень умное про «длинные  sql запросы» и про «лимит процесорного времени», что если бы это не был готовый сайт, на котором я успешно продвинул более 30 проектов, я бы может и поверил (смотрите готовый сайт визитка на WordPress).

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

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

Сложный

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

Я заказывал оптимизацию загрузки разных сайтов несколько раз у вполне квалифицированных специалистов и каждый раз наблюдал такую картину: до начала работ они уверенно заявляли, что после их работы сайт будет летать, однако дело всегда заканчивалось пшиком и никаких 99 попугаев в Google Page Speed не было и близко :no:

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

Это просто нерационально.

Максимум уберут очевидные огрехи и поставят плагин кэша (который вы и сами можете поставить на WP за пару минут — ниже читайте как это сделать), да и то не факт.

Так что если увидели, что сайт на WordPress начал тормозить, то не спешите кидаться на биржу фриланса с просьбой: «помогите ускорить сайт!». Несмотря на кучу предложений и уверений, что всё будет тип-топ, по моим наблюдениям это просто потерянные деньги.

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

Кэширование

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

По моим наблюдениям около 50% сайтов на WordPress используют этот путь, а остальные 50% по каким-то причинам забивают и могут тормозить, особенно в моменты пиковой нагрузки.

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

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

И внедряйте кэш!

Плагин кэширования WordPress

Чтобы внедрить кеширование понадобится специальный плагин.

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

Я перепробовал много плагинов и в настоящий момент остановился на Fastest Cache, который по моему скромному мнению является лучшим плагином кэширования WordPress, с точки зрения соотношения прироста ускорения / простота установки + безглючность + постоянные обновления + техподдержка + русский язык.

Установка происходит как обычно (читайте тут про установку плагинов в WP)

И переходим к настройкам.

Основные настройки

Я делю все настройки на безопасные и рискованные.

Безопасные нужно устанавливать почти во всех случаях (они никак не могу повлиять на отображение сайта).

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

Вот безопасные настройки:

безопасные настройки плагина wp кэширование

Основные проблемы возникают при выборе пунктов:

  1. Объединение CSS

    Небольшая вероятность что какие-то элементы будут отображаться коряво.
  2. Объединение JS

    в этом случае кэшированная версия сайта может вообще не работать.

Поэтому выбирайте их с осторожностью и сразу тестируйте кешированную версию.

Я таже НЕ включаю такие пункты:

Не показывать кэшированные версии мобильным устройствам.

Иначе не будут нормально формироваться AMP страницы (читайте как получить 95+ баллов в Google Page Speed с этими страницами).

Не показывать кэшированную версию авторизованным пользователям.

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

Остальные настройки, отмеченные серым цветом — штука отличная, но доступна только в платной версии плагина, а стоит она немало и ставить ли ее или нет, думайте сами :wait:

Как сбросить кеш

Под админом у вас будет показываться обычная версия — это удобно, чтобы вы видели актуальные некэшированные страницы WordPress, а пользователи при этом заходили на быстрые закэшированные страницы.

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

В основных настройках можно сделать чтобы он сбрасывался автоматически.

очистка кэша wordpress

Но можно удалить кэш и вручную — сверху желтая иконка «Delete Cache and Minified CSS/JS»

Как тестировать кэшированную версию сайта

Ну а чтобы наоборот видеть закэшированную версию сайта (глазами посетителя) просто откройте сайт в другом браузере или выберите режим инкогнито, обычно CTRL + SHIFT + N для хрома или CTRL + SHIFT + P для firefox.

Вы войдете не под админом и будет показана кэшированая страница.

Тестирование WordPress сайта без кэша

Выключаем плагин кэширования Fastest Cache и проверяем в двух сервисах: https://tools.pingdom.com/ + https://webopulsar.ru/test/

Без плагина кэширования скорость загрузки страницы больше 3 секунд.

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

и видим, что есть «затуп» в виде 2 секунд, когда формируется страница и сайт немного подтупливает.

ускорение wordpress без кэширования fastest cache

А также обратите внимание, что ответ сервера больше 1000 мс — столбец «Ожидание ответа«.

ускорение wordpress медленное время ответа сервера

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

Тестирование WordPress сайта с кэшем

На pingdom скорость загрузки страницы сократилась почти в 1.5 раза.

ускорение сайта на wordpress с плагином плагина кэширования fastest cache

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

ускорение сайта на wordpress с кэшем fastest cache

 

Ответ сервера в проверке Вебпульсар сократился почти в 15-20 раз, с 1400 мс до 100 мс и даже меньше.

ускорение wordpress быстрый ответ сервера

Выводы и итоги

  • Ускорить сайт на WordPress можно, причем без специальных знаний и бесплатно.
  • Кэширование позволяет быстро и просто ускорить практически любой сайт на WordPress, добиваясь высоких показателей в непосредственной скорости загрузки страницы (к Google Page Speed это имеет не прямое отношение, там свои «тараканы», читайте тут подробнее) и снижению нагрузки на хостинг.
  • Сайт визуально и по тестам начинает работать гораздо шустрее.
  • если есть лишняя копеечка, то закажите услугу CDN сервера вот тут (скидка 20% по промокоду «moytop»). Это даст весьма стабильную и быструю работу сайта.

А настройка такая простая, что с ней справится и школьник. Так что пользуйтесь, если еще не делали ускорение сайта на WordPress, я применяю его уже несколько лет — полёт нормальный!

Кстати, в моем готовом сайте визитки на WordPress плагин ускорения загрузки Fastest Cache уже установлен и настроен.

Успехов в бизнесе.



2019-09-25T17:02:06
Продвижение сайтов