Разработка сайтов

Core Web Vitals

Core Web Vitals

Core Web Vitals — набор метрик Google: LCP, INP, CLS. Показывают, как страница ощущается, не только «баллы PageSpeed».

Что входит в Core Web Vitals

Смотрят полевые данные, не только лабораторный PageSpeed. «100 баллов» в тесте и красная зона у живых людей — разные вещи.

Три метрики CWV

  • Три метрики Google про ощущение сайта: как быстро появился главный блок (LCP), как быстро реагирует (INP), не прыгает ли вёрстка (CLS).
  • Смотрят полевые данные, не только лабораторный PageSpeed. «100 баллов» в тесте и красная зона у живых людей — разные вещи.
  • Режут вес героя и шрифтов, не блокируют рендер, резервируют размеры картинок, убирают тяжёлый JS с первого экрана. Часто без переписывания всего сайта.
  • Это и есть тройка Vitals: отрисовка главного блока, отклик на действие, сдвиги макета. По ним Google судит опыт, не «красоту кода».
  • Зелёная зона нужна и людям, и поиску. Это не единственный фактор, но красные метрики легко объясняют, почему с посадочной все уходят.

CWV и SEO

ПроблемаНормаДействие
МетрикаПлохоНормаГде смотреть
LCP> 2.5 с≤ 2.5 сPageSpeed / CrUX
INP> 200 мс≤ 200 мсField data
CLS> 0.1≤ 0.1Мобильный отчёт

ПрактикаЗелёная зона нужна и людям, и поиску. Это не единственный фактор, но красные метрики легко объясняют, почему с посадочной все уходят.

Core Web Vitals: как применяют

Зелёная зона нужна и для SEO, и для людей. Часто чинится без переписывания всего сайта.

Частые вопросы

Что такое Core Web Vitals?

Три метрики Google про ощущение сайта: как быстро появился главный блок (LCP), как быстро реагирует (INP), не прыгает ли вёрстка (CLS).

Core Web Vitals показатели

Смотрят полевые данные, не только лабораторный PageSpeed. «100 баллов» в тесте и красная зона у живых людей — разные вещи.

Как улучшить Core Web Vitals?

Режут вес героя и шрифтов, не блокируют рендер, резервируют размеры картинок, убирают тяжёлый JS с первого экрана. Часто без переписывания всего сайта.

LCP INP CLS

Это и есть тройка Vitals: отрисовка главного блока, отклик на действие, сдвиги макета. По ним Google судит опыт, не «красоту кода».

Core Web Vitals для SEO

Зелёная зона нужна и людям, и поиску. Это не единственный фактор, но красные метрики легко объясняют, почему с посадочной все уходят.

← К разделу «Разработка сайтов»