INP (Interaction to Next Paint)

Что такое метрика INP?

Вспомните классическую ситуацию: вы открываете красивый современный интернет-магазин с телефона, нажимаете на кнопку "Добавить в корзину", а кнопка "подвисает" и ничего визуально не происходит целую секунду. Вы думаете, что не попали, жмете еще раз — и в итоге покупаете товар дважды. Это ужасный UX (пользовательский опыт).

Метрика INP (Interaction to Next Paint) пришла на смену устаревшему FID. Она замеряет все клики на странице (а не только первый) и фиксирует худшую задержку между кликом пользователя по кнопке и моментом, когда эта кнопка визуально "прожалась" (Next Paint, следующая отрисовка кадра).

Почему INP — важнейший SEO-фактор в 2026?

Google официально включил INP в обязательный отчет Core Web Vitals. Если показатель INP находится в красной зоне (Poor), сайт может потерять позиции в мобильной поисковой выдаче.

Шкала оценки INP:

• До 200 миллисекунд (Идеал): Сайт моментальный и отзывчивый. Клик — мгновенная реакция интерфейса. Зеленая зона.
• От 200 до 500 мс (Требует улучшения): Сайт "подтупливает".
• Свыше 500 мс (Критично): Жесткие проблемы с JavaScript, интерфейс "фризит". Красная зона.

Главная причина высокого (плохого) INP

ИНП портится только из-за тяжелого JavaScript кода. Если программист написал огромный JS-скрипт (рекламный баннер, трекер аналитики, сложный React-модуль), который монополизирует главный поток процессора в телефоне (Main Thread Blocking), то браузер просто не может "отрисовать" анимацию клика, пока не закончит вычисления. Решение: разбивать большие задачи JS на мелкие куски, откладывать выполнение тяжелых скриптов (Lazy Load) и сжимать бандлы (Минификация).