{"id":14271,"url":"\/distributions\/14271\/click?bit=1&hash=51917511656265921c5b13ff3eb9d4e048e0aaeb67fc3977400bb43652cdbd32","title":"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043d\u0430\u0442\u0438\u0432\u043e\u043a \u0438 \u0441\u043f\u0435\u0446\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432 vc.ru \u2014 \u043d\u0430\u0439\u0434\u0438\u0441\u044c!","buttonText":"","imageUuid":""}

Как ускорить сайт на 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 комментариев
Написать комментарий...
Алексей Медведев

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

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

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

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

Погано они влияют, за счёт загрузки с  чужих ресурсов. Шрифты нужно либо стандартные использовать, либо загружать свои. 

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