April 7, 2021

Ускорение работы твоего сайта

Каждую неделю я получаю техническое задание от SEO-специалиста с просьбой ускорить сайт.

Типичный клиент на старте SEO-работ
Чаще всего страдают мобилки

Сервис для бесплатной проверки скорости загрузки: https://developers.google.com/speed/pagespeed/insights/?hl=ru

Вот тут совсем печально. Клиент решил поверстать сам...

Чаще всего предприниматели об этом не думают ровно до того момента, как приходят к SEO-специалистам.

А те, кто им разрабатывал сайт, скромно об этом умалчивают, так как добиться высокой скорости загрузки способна далеко не каждая команда. Да и как получить клиента, если проект от такого требования в ТЗ сразу может подорожать процентов на 30?

Всё равно при приёмке работ на скорость не посмотрят...

Но через пару месяцев позиции сайта перестают расти, так как тексты написаны и оптимизированы, ссылки закуплены и остаётся работа с поведенческими факторами (время на сайте, процент отказов, количество просмотренных страниц и т.д.).

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

Решение

Окей, проблема понятна. Что с ней можно сделать?

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

И...

Ничего не изменилось. У сайта была оценка в 17 пунктов из 100 по скорости загрузки, стало 19, что вообще-то в пределах погрешности.

Так что если теоретики из интернета дадут вам свои ценные рекомендации, отнеситесь к ним предельно осторожно.

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

Сестра, несите редактор кода!

Я задал себе простой вопрос: почему сайты, которые мы с нуля собираем у себя, такие быстрые?

С мобильного интернета сайт, нагруженный кучей изображений и аналитики, открывается за 1 секунду.

Почему?

Он качественно свёрстан!

То есть, чтобы твой сайт стал быстрым как Феррари в горах Италии, мы его переверстаем.

Возьмём твой дизайн без изменений, сверстаем по строгим критериям. Бонусом по пути уберём все ошибки валидации.

Если у тебя не осталось дизайн-макетов — не беда! Срисуем текущую версию сайта в .psd макет за пару дней.

Вёрстку перенесём на твою CMS (Wordpress, Bitrix, самопис, ModX, что угодно).

Подключим скрипты для ещё большего ускорения работы:

  1. Отложенную загрузку изображений.
  2. Сжатие картинок в формате WebP.
  3. Быструю загрузку плеера Youtube.
  4. Оптимизированную загрузку рекламных блоков РСЯ и Googel Adsense, если они используются в вашем проекте.
  5. Асинхронно подгрузим виджет Вконтакте, чтобы не блокировал загрузку контента страницы.

Останется проверить настройки сервера и сделать так, чтобы он быстро отвечал на запросы.

Стоимость

Ок, сколько стоит?

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

Чтобы иметь статистику по цене и кейсы "переделок", я сейчас возьму 1 (один) проект по себестоимости (намного дешевле цены, написанной выше).

Сайт должен соответствовать следующим простым критериям (чтобы было, что оптимизировать):

  1. Иметь индекс загрузки PageSpeed Insights <25.
  2. Первый контент должен показываться после 3 секунды ожидания.

Если ты не знаешь, как всё это проверить, напиши мне в Телеграм https://t.me/nstebunoff или Вконтакте https://vk.com/nick_stebunov, я чекну твой сайт.

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