Подробнее
INP (Interaction to Next Paint) — одна из метрик группы Core Web Vitals, которая оценивает, насколько быстро страница реагирует на действия пользователя: клики, тапы и нажатия клавиш. В отличие от метрик загрузки, INP учитывает всё время жизни страницы и берёт почти худшее взаимодействие. С марта 2024 года INP заменил FID и напрямую влияет на ранжирование в Google, поэтому отзывчивость стоит закладывать ещё на этапе технической оптимизации.
Как измеряется INP и какие значения считаются нормой
INP фиксирует задержку между взаимодействием и моментом, когда браузер отрисовывает следующий кадр с откликом. Из всех взаимодействий за сессию выбирается одно из самых медленных (с поправкой на их количество). Пороги Google: до 200 мс — хорошо, 200–500 мс — требует улучшения, свыше 500 мс — плохо. Данные собираются из полевых отчётов реальных пользователей (CrUX) и доступны в Google Search Console, а лабораторно — в Lighthouse и PageSpeed Insights. Важно отслеживать INP отдельно для мобильных и десктопов, поскольку слабые устройства дают худшие значения.
- До 200 мс — хорошая отзывчивость
- 200–500 мс — нуждается в улучшении
- Более 500 мс — плохая отзывчивость, заметные подтормаживания
- Учитываются клики, тапы и нажатия клавиш, но не наведение и скролл
Отладка: как найти медленное взаимодействие
INP чинится только адресно. В полевых данных (PageSpeed Insights, CrUX) видно, что метрика жёлтая или красная, — но какой именно клик тормозит, показывает запись: DevTools → Performance с включённым троттлингом CPU (реальные телефоны слабее вашего десктопа в 4–6 раз) — кликайте по интерактиву и ищите длинные задачи после взаимодействия. Типовые виновники: обработчики, навешанные на всё подряд (аналитика, трекеры), тяжёлая гидрация фреймворка, синхронные пересчёты DOM на клик, сторонние виджеты чатов. Лечение по убыванию отдачи: разбить длинные задачи, отложить несущественные обработчики, грузить виджеты по первому взаимодействию, вынести тяжёлое из главного потока.
Что ухудшает INP и как его улучшить
Главный враг отзывчивости — тяжёлый JavaScript, который блокирует главный поток браузера: громоздкие обработчики событий, сторонние скрипты аналитики и рекламы, длинные задачи (long tasks). Чтобы улучшить INP, дробят длинные задачи на части, откладывают несрочные вычисления, убирают избыточные сторонние теги и оптимизируют рендеринг. Полезно использовать ленивую загрузку и сокращать объём DOM. Эти работы пересекаются с улучшением общей скорости загрузки сайта и часто выявляются в ходе технического аудита, который покажет, какие именно скрипты тормозят интерфейс.
Роль INP в SEO и пользовательском опыте
INP входит в Core Web Vitals наряду с LCP и CLS и служит сигналом качества страницы в Google. Сама по себе метрика не выводит сайт в топ, но плохая отзывчивость ухудшает поведенческие факторы: пользователи раздражаются от задержек, чаще закрывают вкладку и реже совершают целевые действия. Для коммерческих сайтов это означает прямые потери конверсии. Поэтому оптимизация INP — часть комплексной работы над техническим SEO и пользовательским опытом.