{"id":14274,"url":"\/distributions\/14274\/click?bit=1&hash=fadd1ae2f2e07e0dfe00a9cff0f1f56eecf48fb8ab0df0b0bfa4004b70b3f9e6","title":"\u0427\u0435\u043c \u043c\u0443\u0440\u0430\u0432\u044c\u0438\u043d\u044b\u0435 \u0434\u043e\u0440\u043e\u0436\u043a\u0438 \u043f\u043e\u043c\u043e\u0433\u0430\u044e\u0442 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442\u0430\u043c?","buttonText":"\u0423\u0437\u043d\u0430\u0442\u044c","imageUuid":"6fbf3884-3bcf-55d2-978b-295966d75ee2"}

Как ускорить сайт на 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

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

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

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

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