Как ускорить сайт на Wordpress без знаний кода

Перевожу недавнее видео от Ahrefs в пошаговую инструкцию о том, как ускорить свой сайт на Wordpress. Я долго искал в рунете, как это сделать, но действенного решения не нашел. Обращался к компаниям, они берут за это от 10 до 300 тысяч рублей. Сегодня мы сделаем все сами бесплатно.

Скорость до и после

тесты скорости от PageSpeed Insights

Зачем ускорять сайт

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

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

Шаг 1. Меняем DNS провайдера на Cloudflare

DNS это по сути айпи адрес вашего сайта. То есть когда я пишу свой сайт nimbus-sten.ru и нажимаю Enter, интернет ищет какой IP адрес соответствует моего домену. То есть DNS это что-то вроде адресной книги интернета. Поэтому чем быстрее интернет догадается какой айпи подходит под ваш домен, тем быстрее сайт загрузится.

В списке самых быстрых Cloudflare.

Заходим, регаемся. Вбиваем свой сайт, выскакивает это:

Кликаем, выбираем обычный метод, затем появляются наши DNS имена

Заходим в панель нашего домена (не в вордпресс и не в хостинг, а именно туда, где куплен домен). У меня и у большинства людей это reg.ru. Там заходим в панель настроек и вбиваем для полей N1 и N2 значения из Cloudflare.

Шаг 2. Покупаем и устанавливаем WP Rocket.

Офигенный плагин, лучше всех бесплатных бустеров от вордпреса, которые не работают. На оф сайте он стоит 3000 руб в год. Вполне доступно, тем более нам это поможет повысить трафик из поиска и сделает сайт удобнее, а это нам важнее всего.

После покупки нам прилетает zip файл, это и есть плагин, нам его нужно загрузить в админку. Заходим в вордпресс, и добавляем плагин:

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

Кэш

Включаем кэш для моб. устройств.

Файлы

Ставим галочки везде

Медиа

Тоже галочки

HTTP 1.1 vs HTTP 2

Затем он говорит, что сайт должен быть с HTTP 2. Дело в том, что протокол HTTP 1.1 подгружает каждый файл отдельно, и пока один не загрузится, другой не начнет загружаться. Это долго и поэтому HTTP 2 загружает сразу все файлы одновременно.

Так что скрещиваем свои сеошные пальцы и заходим на

Там вбиваем свой сайт и надеемся, что он HTTP/2

CDN для тех кому надо

CDN это сервера разбросанные по всему миру, но это для тех, у кого на сайт заходят с разных точек Земли. Ко мне только Питер и Москва, поэтому я их не покупал. Но если для вас подходит, берите. Так люди с Урала зайдут на сервер, который ближе к ним.

Шаг 3. Оптимизируем картинки

Есть много плагинов, я раньше юзал Imagify, но он посоветовал взять Shortpixel. Плагин как-то по-умному уменьшает вес картинок до 50%, не изменяя их качество. Вообще, с картинками отдельный разговор. Старайтесь их меньше использовать по возможности или хорошо оптимизировать, но не надо шакалить в jpg))

На этом всё, спасибо, что почитали. Надеюсь помог ускорить ваши сайты. Можете поскидывать ваши скорости до и после в коменты)

0
100 комментариев
Написать комментарий...
Антон Херсун

"Сегодня мы сделаем все сами бесплатно" забыли написать в начале статьи что 3к всё же выложить за рокет придётся

Ответить
Развернуть ветку
Артём Кукшинский
Автор

Блин, точно))) 

Ответить
Развернуть ветку
3 комментария
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Sergey Matveev

"Обращался к компаниям, они берут за это от 10 до 300 тысяч рублей."
А потом на биржах фриланса ищут исполнителя за 500рублей ))

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
1 комментарий
Dark Stack

Не представляю удивление автора, когда он откроет для себя Brotli, Memcached и OPcache:) Кстати, я недавно на WordPress устанавливал БД PostgreSQL и скорость значительно стала выше, чем когда я использовал MySQL и MariaDB. И WP Rocket с точки зрения возможностей и функционала уступает плагину W3 Total Cache, поэтому мне кажется, что WP Rocket сильно переоценён автором данной статьи.

Ответить
Развернуть ветку
Артём Кукшинский
Автор

Прикольно) чтобы ускорить сайт нужно еще 6 плагинов сверху вместо одного wp rocket))) 
А то у меня на сайте совсем мало плагинов, надо бы добавить)) 

Ответить
Развернуть ветку
1 комментарий
Dear Moscow,
когда он откроет для себя Brotli

Разрешите поинтересоваться: чем именно Бротли заслужил упоминания здесь? Некоторое время назад изучал этот вопрос, вроде как выходило, что в лучшем случае выигрыш 11% в сравнении с GZip. У себя всё-таки использую, но думаю, что каких-то радикальных бонусов он не даёт.

недавно на WordPress устанавливал БД PostgreSQL и скорость значительно стала выше

А вы не изучали за счёт чего именно? По-моему, основные затыки WP всё-таки на уровне PHP и БД там прямо значительного ускорения дать не должна.

Ответить
Развернуть ветку
8 комментариев
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Дмитрий Белоусов

Страшно представить что будет когда он узнает о fast-cgi cache в nginx :)))

Ответить
Развернуть ветку
Inq Visitor

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

Ответить
Развернуть ветку
Антон Зайцев

Многое из этого плагина можно реализовать через cloudflare из коробки, ну и nginx тоже умеет в кеширование страниц :))

Ответить
Развернуть ветку
Vedmed

Какой клаудфлэр в России, когда херовп куча его айпишников в бане ркн

Ответить
Развернуть ветку
2 комментария
Артём Кукшинский
Автор

Может крутые программисты и могут) у меня инструкция для чайников в коде как и я) 

Ответить
Развернуть ветку
4 комментария
aliprofi

Подтверждаю, сам тоже перестал использовать, так как некоторые провайдеры в РОссии блокируют этот сервис. Зачем терять трафик?

Ответить
Развернуть ветку
Алексей Медведев

Боже, какая чушь.... Особенно для чайников. Покупают рокет, потом ему ума не могут дать. А потом ещё понатыкают кучу всякой фигни и ломают голову, почему ничего не работает.... Именно потому в компаниях ускорение сайтов и стоит денег.
Артем, а как на счёт 94/99 по Google speed test? 
Это для wp, без сраного "рокета"! 

Ответить
Развернуть ветку
К М

пишите статью

Ответить
Развернуть ветку
5 комментариев
Максим Пряник

не надо шакалить в jpg) - это что значит?

Ответить
Развернуть ветку
Виктор Петров

надмозг компутерного перевода.
Писать от себя могут не только лишь все

Ответить
Развернуть ветку
Артём Кукшинский
Автор

это когда ужимаешь картинку в очень плохое качество

Ответить
Развернуть ветку
2 комментария
Alex Teplo

3000 ₽ в год за плагин? «Вполне доступно»? )

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Артём Кукшинский
Автор

Зная что он делает - да) 
Если он мне в год принесет одного клиента это окупится. Но я то знаю, что он мне принесет 10 и больше) 

Ответить
Развернуть ветку
5 комментариев
Alex.private.name

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

Ответить
Развернуть ветку
Zoibana

Хорошо люди делают Деньги на нубах, да ещё и говно впаривают. Все это делается за полчаса руками.

Лейзи лоад картинок через такие плагины тут описывались - он скрывают картинки от поисковиков. Он их просто не увидит вообще.

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

Картинки использовать нужно, но с умом. Нужно использовать уникальные картинки, максимально оптимизированные, прописывать им alt, в названии файла использовать транслит альта без спецсимволов, и т.д.

Оптимизировать картинки без потери качества можно через tinypng

Тогда они будут полезны для сайта и для поиска.

Ответить
Развернуть ветку
Даниил Гусаров

LazyLoad давно не скрывает картинки от поисковых систем, читайте FAQ.

Ответить
Развернуть ветку
2 комментария
Dear Moscow,
в названии файла использовать транслит альта без спецсимволов

Уточните пжл, что именно вы здесь имеете в виду? А то как-то не совсем понятно сочетание имени файла и спецсимволов.

Оптимизировать картинки без потери качества можно через tinypng

Главное tinyjpg не использовать. Хотя после отключения бесплатной части JpegMini, вообще непонятно чего интересного для JPG осталось.

Ответить
Развернуть ветку
4 комментария
Егор Кин

Начать следовало с того, как не замечать чистый ВП хламом из плагинов и скинов)

Ответить
Развернуть ветку
Артём Кукшинский
Автор

Ну да, но и нет) 
Вп на то и создан, чтобы было удобно писать сайт. Поэтому и много там лишнего кода. 

Ответить
Развернуть ветку
1 комментарий
Foggy Fox

Как ускорить сайт на вордпресс:
1. Выкинуть вордпресс.

Ответить
Развернуть ветку
Zoibana

золотой совет

Ответить
Развернуть ветку
Алексей Медведев

А ещё выкинуть все cms, кодить с нуля, поднимать сервера, писать обработчик и все остальное))) 

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Алексей Медведев

А нету.... Хокер-спаниель съел. 

Ответить
Развернуть ветку
Denys Nosov

Тут чисто рекламный пост ))

Ответить
Развернуть ветку
Алексей Медведев

Чтоб героически не преодолевать трудности:
Делаем макет дизайна, хоть в пэйнте. Потом по макету на Astra собираем свой сайт. Картинки сжимаем, подгоняем размеры заранее, ручками. Шрифты, ни в коем случае не Google. Ставим бесплатный autoptimize, настраиваем, согласно рекомендаций (переводчик в помощь), и, вуаля, скорость 93-97/99-100.
Только нужно понимать что делаешь и зачем.
А если сверху колибри поставить, можно ещё чуть подтянуть.
Ну и хостинг, соответственно хороший должен быть)) 

Ответить
Развернуть ветку
Alex Teplo

А что о гуглевских шрифтах?

Ответить
Развернуть ветку
2 комментария
Ivan

Уже http3 на том же cloudflare пишут :))

Ответить
Развернуть ветку
Артём Кукшинский
Автор

Прикольно) 

Ответить
Развернуть ветку
Askhat Mamytov

Clodfare блокируется часто Роскомнадзором. Лучше забыть про него.

Ответить
Развернуть ветку
Vladimir Zp

Ну какой WP Rocket за 3000 в год. Ставим бесплатный WP Super Cache, который создает статические html страницы и отдаем их напрямую через nginx. Ничего быстрее даже теоретически не может быть, только если кэш хранить весь в оперативной памяти. Это максимальная скорость отдачи контента за 0 рублей в год. Чекайте.

Не уверен, что на кворке за 500р. это настроят, но за 1000-2000 думаю найдется исполнитель.

Ответить
Развернуть ветку
Ник Серов

Отличная статья. Очень помогли. Ждём новых советов .

Ответить
Развернуть ветку
Denys Nosov

Вы ещё пользуетесь дырявой цмс? И ещё покупаете для нее плагины?
Мне вас жаль...
Кстати показатель ускорения не очень хорош😢

Ответить
Развернуть ветку
Виктор Петров

Если посмотреть статистику взломов, то чистый WP практически не ломают. Уязвимости в основном - в темах и плагинах. Чем меньше участия грамотной разработки, тем выше риски.
Ещё хуже - нулленые плагины и темы, или плагины, не обновлявшиеся лет 5.
По моей личной статистике (я работаю в веб-студии, на потоке) WP ломают ничуть не чаще, чем битрикс, modx, open cart, webasyst и т.п.

Ответить
Развернуть ветку
7 комментариев
Лучший Александр

Почему днс Яндекса не подходит? Он ведь быстрее.

Ответить
Развернуть ветку
Zoibana

Потому что в мануале был написан клауд, а Яндекс не был написан

Ответить
Развернуть ветку
Виктор Петров

WP без Redis (если есть трафик) - деньги на ветер.

Ответить
Развернуть ветку
Kunqa

.

Ответить
Развернуть ветку
Pavel Usik

Норм

Ответить
Развернуть ветку
Alexandr Svetlov

делаем быстро качественно дешево - одно из трех зачеркните на свое усмотрение

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
Uzabila

Методов ускорения очень много, я в блоге привел не полный, но большой список возможностей - https://digapp.ru/posts/uskorenie-wordpress/
Но все сводится к тому, что просто надо настроить сервер нормально.

Ответить
Развернуть ветку
Влад Берг

Взять vps к бабке не ходи

Ответить
Развернуть ветку
97 комментариев
Раскрывать всегда