Core Web Vitals — это набор метрик от Google, которые оценивают пользовательский опыт на сайте . Они измеряют три ключевых аспекта взаимодействия пользователя со страницей: как быстро загружается основной контент, насколько отзывчив сайт на действия пользователя и стабильна ли верстка при загрузке .
С 2024 года эти метрики стали официальным фактором ранжирования, а в 2026 году требования ужесточились . Google использует Core Web Vitals как один из сигналов для определения качества сайта. Если ваш сайт не соответствует этим показателям, он будет ранжироваться ниже, чем более быстрые и удобные конкуренты .
Каждая из трех метрик оценивается по шкале: «хорошо», «требует улучшения» или «плохо». Для попадания в зеленую зону нужно достичь следующих значений :
| Метрика | Хорошо | Требует улучшения | Плохо |
|---|---|---|---|
| LCP | ≤ 2,5 с | 2,5–4,0 с | > 4,0 с |
| INP | ≤ 200 мс | 200–500 мс | > 500 мс |
| CLS | ≤ 0,1 | 0,1–0,25 | > 0,25 |
Три ключевые метрики: LCP, INP, CLS
LCP (Largest Contentful Paint): скорость загрузки основного контента
LCP измеряет время, за которое загружается самый крупный элемент в видимой области экрана . Обычно это:
- Главное изображение на странице.
- Заголовок H1 с фоновым изображением.
- Видеопроигрыватель.
Пользователь ожидает, что основной контент появится быстро. Если LCP больше 2,5 секунд — это уже проблема .
Как улучшить LCP:
- Оптимизируйте изображения. Используйте современные форматы (WebP, AVIF) вместо тяжелых PNG и JPG . Сжимайте картинки без потери качества.
- Включите кэширование и используйте CDN. Это ускоряет доставку контента до пользователей из разных городов .
- Перенесите скрипты в конец страницы. JavaScript-файлы, которые не нужны для первого экрана, загружайте асинхронно, чтобы они не блокировали отображение контента .
INP (Interaction to Next Paint): отзывчивость сайта
INP заменил метрику FID в марте 2024 года. Она оценивает, насколько быстро сайт реагирует на взаимодействие пользователя — клик, нажатие на кнопку или ввод текста .
Если кнопка «Купить» реагирует за 500 мс — пользователь уже раздражен. Целевой показатель — менее 200 мс .
Как улучшить INP:
- Уменьшите количество JavaScript-кода. Сложные скрипты тормозят отклик интерфейса .
- Сократите DOM (структуру HTML-страницы). Чем проще структура, тем быстрее браузер обрабатывает взаимодействия .
- Удалите лишние скрипты и виджеты. Каждый счетчик, чат или пиксель добавляет задержку .
CLS (Cumulative Layout Shift): визуальная стабильность
CLS измеряет, насколько стабильна верстка при загрузке . Знакомая ситуация: вы наводите палец на кнопку, но в последний момент из-за загрузки рекламы или картинки страница сдвигается — и вы нажимаете не туда. Это и есть высокий CLS .
Целевой показатель — менее 0,1 .
Как улучшить CLS:
- Прописывайте размеры изображений и видео. Браузер должен знать, сколько места зарезервировать .
- Резервируйте место под рекламу и виджеты. Чтобы они не «выталкивали» контент при загрузке .
- Не вставляйте новые элементы поверх уже отображенных. Это вызывает смещение верстки.
Влияние скорости на бизнес: цифры, которые говорят сами за себя
Скорость загрузки напрямую влияет на конверсию:
- 53% мобильных пользователей покидают сайт, если он загружается дольше 3 секунд .
- Ускорение загрузки всего на 0,1 секунды увеличивает конверсию на 7% .
- 70% сайтов в некоторых регионах не проходят Core Web Vitals — это значит, что большинство конкурентов теряют клиентов из-за скорости, и у вас есть преимущество .
Поисковые системы учитывают поведенческие факторы: если пользователи массово закрывают ваш сайт — это сигнал, что он нерелевантен, и позиции падают .
Что делать: план действий
Не пытайтесь исправить всё сразу. Начните с того, что дает максимальный эффект за минимальные усилия .
Шаг 1. Оптимизируйте изображения
- Сжимайте картинки.
- Переводите их в WebP.
- Включите lazy loading (отложенную загрузку для изображений за пределами первого экрана).
Шаг 2. Проверьте хостинг и кеширование
Если сервер долго отвечает, включите кеширование и проверьте, не пора ли перейти на более быстрый тариф .
Шаг 3. Удалите лишние скрипты и виджеты
Каждый неиспользуемый счетчик, чат-бот или пиксель — это 100-500 мс задержки .
Шаг 4. Проставьте размеры для элементов
Добавьте явные размеры для изображений, видео и рекламных баннеров, чтобы верстка не прыгала при загрузке .
Шаг 5. Проверьте сайт
Используйте Google PageSpeed Insights и другие инструменты, чтобы увидеть, какие метрики требуют внимания .
Заключение
Core Web Vitals — это не просто абстрактные технические метрики. Это отражение реального пользовательского опыта. Медленные сайты теряют клиентов и позиции в поиске; быстрые — получают преимущество.
Начните с малого: проверьте свой сайт через Google PageSpeed Insights. Если LCP больше 2,5 секунд — начните с оптимизации изображений. INP больше 200 мс — проверьте скрипты. CLS больше 0,1 — проставьте размеры элементам. Эти шаги помогут вам не потерять клиентов и обогнать конкурентов в выдаче.
