Что такое LCP, CLS и INP и какие пороговые значения считаются хорошими?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** — это три полевые (field) метрики, которые Google использует для оценки реального пользовательского опыта: **LCP** (загрузка), **CLS** (визуальная стабильность) и **INP** (отзывчивость).

## Что измеряет каждая

- **LCP — Largest Contentful Paint**: время до отрисовки самого крупного видимого элемента (главное изображение, заголовок). Она отвечает на вопрос «быстро ли появилось основное содержимое?».
- **CLS — Cumulative Layout Shift**: насколько сильно содержимое неожиданно прыгает во время загрузки. Она отвечает на вопрос «оставалась ли страница стабильной?».
- **INP — Interaction to Next Paint**: насколько быстро страница отвечает на нажатия/клики/ввод с клавиатуры за весь визит. Она отвечает на вопрос «ощущается ли она отзывчивой?». INP заменил FID в марте 2024 года.

## Хорошие пороговые значения

| Метрика | Хорошо | Требует улучшения | Плохо |
|--------|------|-----------|------|
| LCP | ≤ 2.5с | ≤ 4.0с | > 4.0с |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200мс | ≤ 500мс | > 500мс |

Google оценивает на **75-м процентиле** реальных пользователей — поэтому «хорошо» означает, что 75% визитов достигают цели, а не только ваш быстрый тест на быстром ноутбуке.

## Почему это важно

Интервьюеры спрашивают это, чтобы проверить, знаете ли вы *актуальные* метрики (INP, а не FID) и их пороги. Эти оценки влияют на ранжирование в Google Search и напрямую коррелируют с показателем отказов и конверсиями, поэтому знание того, что измеряет каждая, подсказывает, на чём сосредоточиться на медленной странице.

Метрика	Хорошо	Требует улучшения	Плохо
LCP	≤ 2.5с	≤ 4.0с	> 4.0с
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200мс	≤ 500мс	> 500мс

Что измеряет каждая

Хорошие пороговые значения

Почему это важно

Похожие вопросы