INP

INP (Interaction to Next Paint) — це показник вебпродуктивності, який відображає, наскільки швидко сторінка реагує на взаємодію користувача: клік, натискання, введення з клавіатури чи дотик. У SEO його розглядають як частину оцінки зручності сторінки, бо повільна реакція погіршує досвід відвідувача. На відміну від метрик, що вимірюють лише завантаження, INP показує саме відгук інтерфейсу після дії користувача.

Що саме вимірює INP

Метрика фіксує проміжок від моменту взаємодії до наступного візуального оновлення екрана. Важлива не лише перша реакція, а й те, як поводиться сторінка протягом усього сеансу: якщо один із кроків обробляється повільно, користувач це відчуває як затримку. Через це INP краще передає реальну «жвавість» інтерфейсу, ніж окремі технічні показники без контексту дій.

Що впливає на результат

Обсяг JavaScript-обробки — коли скрипти надовго займають головний потік, сторінка гірше реагує на події.
Складні компоненти інтерфейсу — меню, модальні вікна, фільтри й кошик можуть спричиняти затримки, якщо їхня логіка перевантажена.
Рендеринг після події — якщо зміни в DOM або стилях виконуються важко, новий стан з’являється на екрані не одразу.

У практиці це означає, що проблеми з INP часто пов’язані не з мережею, а з роботою браузера після того, як користувач уже щось натиснув. Тому оптимізація зводиться до полегшення сценаріїв взаємодії, а не лише до пришвидшення початкового завантаження.

Де метрика найбільш корисна

INP особливо важливий для інтернет-магазинів, сервісів із формами, кабінетів, інтерактивних каталогів і будь-яких сторінок, де користувач активно щось змінює. Якщо сайт виглядає швидким, але кнопки, вкладки чи поля відповідають із затримкою, саме ця метрика допомагає виявити вузьке місце. Для SEO вона корисна не як окремий «фактор ранжування», а як сигнал про якість взаємодії, що може впливати на поведінкові показники.

Як інтерпретувати проблему

Поганий INP зазвичай означає, що сторінка перевантажує браузер під час дій користувача. У такому разі переглядають важкі скрипти, зайві обробники подій, надмірні анімації та довгі синхронні задачі. Якщо ці елементи спростити, інтерфейс стає відчутно швидшим без зміни змісту сторінки.