INP в Core Web Vitals: новая метрика 2026
Коротко. Interaction to Next Paint (INP) заменил First Input Delay (FID) в Core Web Vitals в марте 2024 года и остаётся ключевой метрикой отзывчивости в 2026. INP измеряет задержку между действием пользователя и следующей отрисовкой кадра. «Хорошо» — менее 200 мс, «требует улучшения» — 200–500 мс, «плохо» — более 500 мс. В отличие от FID, INP учитывает все взаимодействия за сессию, а не только первое.
Почему FID заменили на INP
FID измерял только задержку первого ввода — время до начала обработки первого клика или нажатия. Это давало искажённую картину: страница могла иметь отличный FID, но при этом тормозить на каждом последующем действии. INP закрывает этот пробел, оценивая отзывчивость на протяжении всей сессии и беря в расчёт самое медленное взаимодействие (с отбрасыванием выбросов на длинных сессиях).
INP — это не про PageSpeed анализ, а про то, насколько «живой» ощущается страница после загрузки. Пользователь не прощает интерфейс, который думает дольше, чем он сам.
Из чего складывается INP
Каждое взаимодействие проходит три фазы, и INP суммирует их:
- Input delay — время, пока главный поток занят и не может начать обработку события.
- Processing time — выполнение обработчиков событий (event handlers).
- Presentation delay — время на пересчёт стилей, layout и отрисовку следующего кадра.
Пороговые значения INP
| Оценка | Диапазон INP | Что значит |
|---|---|---|
| Хорошо | ≤ 200 мс | Интерфейс отзывчив, действие ощущается мгновенным |
| Требует улучшения | 200–500 мс | Заметная, но терпимая задержка |
| Плохо | > 500 мс | Интерфейс ощущается заторможенным |
Как INP связан с другими Core Web Vitals
В 2026 году тройка Core Web Vitals выглядит так: LCP < 2,5 с (скорость загрузки основного контента), INP < 200 мс (отзывчивость) и CLS < 0,1 (визуальная стабильность). Все три измеряются на 75-м перцентиле реальных пользователей. Подробный разбор всей тройки — в статье Core Web Vitals 2026: полное руководство.
Частые причины плохого INP
- Тяжёлый JavaScript в обработчиках — синхронные вычисления блокируют главный поток.
- Долгие задачи (long tasks) свыше 50 мс, которые не дают браузеру отрисовать кадр.
- Чрезмерные ререндеры в SPA-фреймворках на каждое нажатие клавиши.
- Большой DOM — пересчёт layout становится дорогим.
- Сторонние скрипты (аналитика, виджеты), занимающие главный поток.
Как измерить INP на практике
INP — это «полевая» метрика: её корректно собирать только от реальных посетителей. В лаборатории Lighthouse даёт лишь приближение. Простейший способ снять INP с реальных взаимодействий — через PerformanceObserver:
// Сбор event-timing для оценки INP в браузере
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
// duration = input delay + processing + presentation
const inp = entry.processingEnd - entry.startTime + entry.duration;
console.log(entry.name, Math.round(inp), 'ms');
}
});
observer.observe({ type: 'event', buffered: true, durationThreshold: 40 });Для измерения базовой скорости отклика сервера, которая влияет на input delay при первой загрузке, удобно использовать curl с форматированным выводом таймингов:
curl -s -o /dev/null -w "TTFB: %{time_starttransfer}s | total: %{time_total}s\n" https://example.com/Что делать, чтобы улучшить INP
Дробите длинные задачи через scheduler.yield() или setTimeout, выносите тяжёлые вычисления в Web Workers, используйте requestIdleCallback для некритичной аналитики, минимизируйте размер DOM и откладывайте загрузку сторонних скриптов. В enterno.io есть RUM-мониторинг сайтов, который собирает реальные Web Vitals (включая INP) от ваших посетителей — так вы видите проблему до того, как она ударит по ранжированию.
FAQ
Чем INP отличается от FID?
FID измерял только задержку перед обработкой первого взаимодействия. INP оценивает все взаимодействия за сессию и берёт самое медленное, давая честную картину отзывчивости.
Какое значение INP считается хорошим?
Менее 200 мс на 75-м перцентиле реальных пользователей. От 200 до 500 мс — требует улучшения, свыше 500 мс — плохо.
Можно ли измерить INP в Lighthouse?
Lighthouse даёт только лабораторную оценку. Точный INP собирается из «полевых» данных реальных посетителей через RUM или CrUX.
Влияет ли INP на SEO?
Да. Core Web Vitals — фактор ранжирования Google, и INP входит в эту тройку с марта 2024 года.
Проверьте производительность своей страницы прямо сейчас на бесплатном инструменте измерения скорости enterno.io — он показывает Core Web Vitals и подсказывает, что тормозит отрисовку. Также пригодится сканер безопасности и проверка HTTP-заголовков.