Google запустил Core Web Vitals в мае 2020 года как попытку формализовать то, что раньше оценивалось интуитивно — качество пользовательского опыта на странице. Вместо абстрактного «сайт тормозит» инженеры получили три конкретные цифры, которые можно измерить, отмониторить и улучшить. С 2021 года эти метрики стали ранжирующим фактором поиска.
§ 01Из чего состоит
Core Web Vitals включают три метрики, каждая из которых покрывает свой аспект UX:
- LCP (Largest Contentful Paint) — время отрисовки самого большого видимого элемента. Хороший порог:
≤ 2.5 с. - INP (Interaction to Next Paint) — задержка между действием пользователя и реакцией интерфейса. Заменил FID в марте 2024. Порог:
≤ 200 мс. - CLS (Cumulative Layout Shift) — накопленный визуальный сдвиг элементов во время загрузки. Порог:
≤ 0.1.
§ 02Зачем это нужно
CWV — не просто технический показатель. Google использует их как сигнал ранжирования: при прочих равных страница с хорошими метриками получит приоритет. Но важнее коммерческая сторона — улучшение CWV напрямую влияет на конверсию и отказы.
LCP с 4.2 → 2.1 с — Интернет-магазин мебели ускорил LCP с 4.2 до 2.1 секунд — и конверсия выросла на 14% без изменений в продукте или ценах. Каждая секунда задержки стоила им 3.3% заказов.
§ 03Как измерить
Метрики собираются двумя способами: в лабораторных условиях (искусственный прогон) и с реальных пользователей (field data). Второй способ приоритетнее для Google.
- PageSpeed Insights — бесплатный инструмент Google, показывает и lab, и field data.
- Chrome UX Report (CrUX) — публичная база реальных метрик с миллионов сайтов.
- Google Search Console → раздел «Core Web Vitals» → показывает URL с проблемами.
- Web Vitals JS-библиотека — для RUM (Real User Monitoring) на собственном сайте.
§ 04Что делать дальше
Оптимизация CWV — это итеративный процесс. Начните с тех метрик, которые сейчас в «красной зоне» по CrUX. Улучшайте, замеряйте, документируйте — и не забывайте: быстрый сайт без хорошего контента не ранжируется.