Core Web Vitals — это три метрики Google, которые описывают, как пользователь воспринимает загрузку страницы: скорость показа главного содержимого, отзывчивость и стабильность вёрстки. Они входят в оценку удобства страниц, но не заменяют содержимое: страница с хорошими метриками и слабым ответом на запрос не поднимется. Зато плохие метрики мешают там, где конкуренты примерно равны.
Три метрики и их пороги
| Метрика | Что измеряет | Хорошо | Плохо |
|---|---|---|---|
| LCP (Largest Contentful Paint) | Время до показа самого крупного элемента: заголовка, картинки, блока текста | до 2,5 с | больше 4 с |
| INP (Interaction to Next Paint) | Задержка отклика на действия пользователя: клик, нажатие, ввод | до 200 мс | больше 500 мс |
| CLS (Cumulative Layout Shift) | Насколько сдвигаются элементы во время загрузки | до 0,1 | больше 0,25 |
Где смотреть реальные данные
- Отчёт «Основные интернет-показатели» в Google Search Console: данные реальных пользователей по группам адресов.
- PageSpeed Insights: данные пользователей (если трафика достаточно) и лабораторный тест.
- Lighthouse в браузере или в командной строке: лабораторные измерения, подходят для проверки правок.
Лабораторные оценки зависят от эмуляции слабого телефона и сети и часто выглядят хуже реальных. Ориентируйтесь на данные реальных пользователей, а лабораторные тесты используйте, чтобы сравнивать «до» и «после».
Что чаще всего тормозит LCP
- Медленный ответ сервера. Кэширование страниц, быстрый хостинг, оптимизация запросов к базе.
- Тяжёлое главное изображение. Современные форматы (WebP, AVIF), нужный размер, приоритетная загрузка первого экрана.
- Блокирующие стили и скрипты. Критический CSS в начале, остальное отложенно.
- Шрифты. Предзагрузка основных начертаний и режим подмены, чтобы текст показывался сразу.
Что ухудшает INP
- Много сторонних скриптов: аналитика, чаты, виджеты, пиксели.
- Тяжёлые обработчики событий и длинные задачи в основном потоке.
- Скрипты, которые выполняются сразу при загрузке, хотя нужны позже.
Как избежать скачков вёрстки
- Задавайте ширину и высоту изображений и видео.
- Резервируйте место под баннеры, виджеты и поздно загружающиеся блоки.
- Не вставляйте новые блоки выше уже показанного содержимого.
Порядок работ
- Откройте отчёт Search Console и найдите группы страниц с плохими показателями.
- Определите причину на примере одной страницы из группы через PageSpeed Insights.
- Исправьте общие причины в шаблоне: так улучшаются сразу все страницы группы.
- Через 28 дней сверьте динамику: данные реальных пользователей обновляются с задержкой.
Скорость входит в технический блок SEO-аудита. Бесплатно проверить базовые показатели можно в онлайн-анализе сайта, а в общем плане работ скорость описана в статье «Как продвигать сайт в поиске».