Медленный сайт теряет посетителей и позиции. Google и Яндекс учитывают скорость при ранжировании, а пользователи уходят, если страница грузится дольше трёх секунд. Разбираем, что мерить и что чинить.
Что такое Core Web Vitals
Три метрики, которыми Google измеряет опыт пользователя:
- LCP — за сколько секунд появляется основной контент. Норма — до 2,5 с.
- INP — как быстро страница реагирует на клик или ввод. Норма — до 200 мс.
- CLS — насколько «прыгает» вёрстка при загрузке. Норма — до 0,1.
Яндекс использует свои метрики, но смысл тот же: скорость появления контента и стабильность.
Как проверить
PageSpeed Insights показывает метрики по реальным пользователям и лабораторные. Яндекс.Вебмастер — раздел «Скорость сайта». Проверяйте мобильную версию: именно она обычно проваливается.
12 способов ускорить
Простые, делаются за день
- Сжать картинки и перевести в WebP или AVIF. Самая частая причина медленного LCP.
- Ленивая загрузка изображений ниже первого экрана.
- Включить сжатие gzip или brotli на сервере.
- Кэширование статики на месяцы, HTML — по необходимости.
- Убрать неиспользуемые плагины и скрипты. Каждый чат, виджет и счётчик — минус баллы.
Средние, неделя работы
- Шрифты локально с preload и font-display: swap. Google Fonts добавляет лишние запросы.
- Критический CSS встроить в страницу, остальное отложить.
- Отложить сторонние скрипты — аналитику, чаты, карты — до взаимодействия пользователя.
- Задать размеры картинкам, видео и блокам рекламы, чтобы не прыгала вёрстка.
- CDN для статики и картинок.
Архитектурные
- Серверный рендеринг или статическая генерация вместо загрузки всего через JavaScript. Next.js решает это из коробки.
- Кэширование на сервере и оптимизация запросов к базе, если сам HTML генерируется медленно.
Типичный результат
Корпоративный сайт на старой CMS: было 35 баллов на мобильных, LCP 6 секунд. После пунктов 1–10: 85 баллов, LCP 2,1 секунды. Две недели работы. Органический трафик вырос на 20% за три месяца без других изменений.
Когда нужно переделывать
Если сайт на тяжёлой CMS с десятками плагинов, оптимизация даёт потолок в 60–70 баллов. Дальше — только новая архитектура. Это повод посмотреть на Headless и Next.js →.
Хотите узнать, что тормозит ваш сайт? Закажите аудит →