Что такое Core Web Vitals и как ускорить сайт
Core Web Vitals (основные показатели качества веб-страницы: LCP, INP, CLS) — Core Web Vitals это три метрики Google, которые измеряют, как быстро загружается главное содержимое страницы, как быстро она реагирует на действия и не прыгает ли вёрстка.
Google использует Core Web Vitals как один из сигналов ранжирования. Яндекс эти метрики так не называет, но скорость и удобство мобильной версии учитывает через поведение: медленный сайт получает больше отказов.
Три метрики и хорошие значения:
- LCP (Largest Contentful Paint): время до появления самого крупного элемента первого экрана. Хорошо до 2,5 секунды;
- INP (Interaction to Next Paint): задержка реакции на клик или ввод. Хорошо до 200 миллисекунд. В 2024 году INP заменил старую метрику FID;
- CLS (Cumulative Layout Shift): насколько сдвигается вёрстка при загрузке. Хорошо до 0,1.
Где проверить. PageSpeed Insights показывает и лабораторные данные, и реальные замеры пользователей Chrome за 28 дней. В Google Search Console есть отчёт по всем страницам. Реальные данные важнее лабораторных: оценка 95 в тесте не спасёт, если у людей на телефонах LCP 4 секунды.
Пример. На лендинге первый экран с видео весом 12 МБ, LCP на мобильном 5,8 секунды. Видео заменили на сжатую картинку с отложенной загрузкой ролика, LCP упал до 2,1 секунды, отказы из рекламы снизились. Цифры условные.
Что обычно тормозит:
- тяжёлые картинки без сжатия и без формата WebP или AVIF;
- десятки сторонних скриптов: чаты, виджеты, пиксели, квизы;
- шрифты, которые грузятся последними;
- баннеры и блоки без заданных размеров, из-за них прыгает CLS.
Скорость влияет и на SEO, и на продажи. Каждая лишняя секунда загрузки из платной рекламы означает, что часть оплаченных кликов уходит до того, как увидела страницу. Поэтому при разработке сайтов мы проверяем метрики до запуска и после подключения всех виджетов.