Core Web Vitals (CWV) — три ключевые метрики пользовательского опыта страницы, которые Google использует среди прочих сигналов качества. Для управленца достаточно одной рамки: как быстро видно главное, насколько живо реагирует интерфейс, не смещается ли вёрстка под курсором или пальцем.
Расшифровка терминов — один раз, дальше работаете с приоритетами страниц.
Три метрики
LCP (Largest Contentful Paint) — момент, когда на экране отрисовался основной контентный блок (крупный заголовок, герой-изображение, карточка товара). Долгий белый экран и поздний «мясной» контент = плохой LCP. Частые причины: тяжёлый баннер, неоптимизированные изображения, медленный ответ сервера, блокирующие шрифты.
INP (Interaction to Next Paint) — насколько страница «вязнет» после действия пользователя: клик по кнопке, открытие меню, фильтр. Важно ощущение отзывчивости на мобильных устройствах с слабым CPU.
CLS (Cumulative Layout Shift) — накопленные сдвиги макета. Классика: поздно подгрузившийся баннер cookie или рекламный блок сдвигает кнопку; пользователь промахивается. Резервирование места под отложенные блоки снижает CLS.
Раньше в том же семействе обсуждали FID; для текущей практики владельцу достаточно LCP / INP / CLS.
Зачем это бизнесу
Плохие виталы редко бывают единственной причиной провала рекламы, но усиливают любое слабое место:
- платный мобильный трафик уходит, не дождавшись оффера;
- форма есть, кнопка «уезжает» — часть заявок теряется;
- «быстрый» сайт на офисном канале на 4G у клиента оказывается медленным.
В поиске опыт страницы учитывается среди прочих факторов — не как единственный рычаг «места №1», а как часть картины качества.
Поле и лаборатория
Полевые данные — опыт реальных пользователей (где выборка достаточна). Ближе к жизни; на низкотрафиковых сайтах могут отсутствовать.
Лаборатория — Lighthouse / PageSpeed и аналоги «здесь и сейчас». Удобны для сравнения до/после. Это не фото всей аудитории, а контролируемый срез.
Практичный старт: лабораторный прогон главной, топовой услуги и страницы с формой — на мобильном профиле.
Порядок улучшений
Не «оптимизировать всё». Очередность здравого смысла:
- Крупные изображения первого экрана — размер, формат, сжатие.
- Время ответа сервера — если HTML долго не начинается, LCP уезжает вправо.
- Тяжёлые скрипты — чаты, квизы, лишние пиксели, тройная аналитика.
- Резерв места под cookie/lean-load блоки — против CLS.
- Тяжёлая логика на кликах фильтров и кнопок — против INP.
| Метрика | Типичный рычаг |
|---|---|
| LCP | Герой-медиа, TTFB, шрифты |
| INP | JS на главном потоке, тяжёлые виджеты |
| CLS | Баннеры, ленивые картинки без размеров |
> Внешний взгляд на скорость без установки агентов: Проверить скорость сайта бесплатно
Как не превратить метрики в спорт
- Мерить одни и те же URL до и после.
- Смотреть mobile отдельно.
- Не праздновать зелёный отчёт на пустой тестовой странице, если боевая посадочная тяжёлая.
- Связывать правки с бизнес-метриками: отказы, конверсия формы, время до первого осмысленного экрана.
Идеальные пороги в отчётах Google — ориентир, не самоцель. Страница с «жёлтым» LCP и ясной формой часто выгоднее «зелёной» пустышки.
Связь с задачами команды
Поставьте CWV в общий бэклог скорости, а не в отдельный «SEO-спорт»:
- продукт/маркетинг выбирают URL с трафиком и конверсией;
- разработка чинит медиа, JS и сдвиги;
- инфраструктура закрывает TTFB и кэш;
- приёмка — повторный замер тех же URL на mobile.
Не требуйте «все страницы зелёные» после установки чата поддержки: сначала измерьте влияние виджета на INP/LCP, затем решайте, грузить ли его отложенно или только после жеста пользователя.
Полевые данные запаздывают: после релиза лаборатория зеленеет раньше, чем обновится полевая статистика. Планируйте окно наблюдения, чтобы не откатывать удачную правку из‑за старых цифр.
Документируйте baseline: дата, инструмент, URL, устройство, LCP/INP/CLS. Без baseline спор «стало лучше» не заканчивается. Сравнивайте посадочную из рекламы отдельно от главной — средний балл по сайту маскирует узкое место.
Итог
Core Web Vitals переводят инженерную скорость в три вопроса пользователя: видно ли главное, отвечает ли интерфейс, не пляшет ли вёрстка. Выучите расшифровку один раз и внедрите привычку мерить денежные URL на мобильном; реализацию отдайте разработчику с конкретным приоритетом, а не с задачей «сделайте зелёным».
Снаружи: Проверить скорость сайта бесплатно.