Почему скорость — это деньги
Каждая лишняя секунда загрузки — минус 7–10% конверсии. Google и Яндекс прямо учитывают скорость в ранжировании. А мобильный пользователь на среднем 4G закрывает вкладку, если за 3 секунды ничего не появилось. То есть медленный сайт теряет дважды: и трафик из поиска, и тех, кто всё-таки дошёл.
Как измерить, а не гадать
- PageSpeed Insights — главный инструмент. Показывает оценку 0–100 и конкретные проблемы. Смотрите на мобильную версию: она всегда хуже, и именно её видит большинство посетителей.
- Core Web Vitals — три метрики Google: LCP (когда появился основной контент, норма до 2,5 с), INP (отклик на клик, до 200 мс), CLS (прыгает ли вёрстка, до 0,1).
- Вкладка Network в браузере — покажет, что именно грузится долго: картинка на 4 МБ или скрипт чата.
Топ причин медленного сайта
1. Тяжёлые изображения — виновник №1
Фото с телефона весит 3–8 МБ. На сайте ему место в 100–300 КБ. Что делать:
- Конвертировать в WebP — на 25–35% легче JPEG при том же качестве. Для старых браузеров оставить PNG/JPEG-фолбэк через тег
<picture>. - Отдавать размер под экран: телефону не нужна картинка 2560px.
- Включить lazy loading — картинки ниже экрана грузятся, только когда до них доскроллили.
2. Дешёвый или перегруженный хостинг
Если сервер отвечает 1,5 секунды (TTFB), никакая оптимизация картинок не спасёт. Норма TTFB — до 200–500 мс. Иногда переезд с shared-хостинга за 150 ₽ на нормальный VPS ускоряет сайт вдвое без единой строчки кода.
3. Скрипты сторонних сервисов
Онлайн-чат, три счётчика аналитики, виджет карты, пиксели соцсетей — каждый тянет сотни килобайт. Ревизия раз в полгода: что реально используется? Карту можно грузить по клику, чат — с задержкой в пару секунд.
4. Отсутствие кэширования
Без кэша браузер скачивает всё заново при каждом визите, а сервер собирает страницу с нуля. Включите кэш браузера (заголовки Cache-Control), серверный кэш страниц, а для интернет-магазинов — кэш запросов к базе (например, Redis).
5. Нет сжатия и HTTP/2
Gzip или Brotli сжимают HTML/CSS/JS в 3–5 раз. HTTP/2 грузит файлы параллельно. Обе вещи включаются на сервере за полчаса.
CDN: когда нужен
CDN раздаёт статику с сервера, ближайшего к посетителю. Нужен, если аудитория размазана по стране или миру. Если все клиенты в одном городе, а сервер — в Москве, эффект будет скромным.
С чего начать: план на неделю
- Прогнать сайт через PageSpeed Insights, зафиксировать цифры «до».
- Сжать и конвертировать изображения в WebP — обычно даёт самый большой прирост.
- Включить сжатие, кэширование, HTTP/2 на сервере.
- Убрать неиспользуемые скрипты и виджеты, остальные грузить отложенно.
- Проверить TTFB — если больше 500 мс, разговаривать с хостером или переезжать.
- Замерить «после» и порадоваться.
Вывод
Ускорение сайта — не разовая акция, а гигиена. Но 80% результата дают четыре вещи: лёгкие картинки, нормальный хостинг, кэш и ревизия скриптов. Хотите, чтобы это сделали за вас — закажите аудит сайта: покажем узкие места с цифрами.