INP (Interaction to Next Paint) — це метрика групи Core Web Vitals, що вимірює чуйність сторінки: скільки часу минає від дії користувача (клік, тап, натискання клавіші) до візуальної відповіді інтерфейсу. Хорошим вважається значення до 200 мілісекунд. 12 березня 2024 року INP офіційно замінив попередню метрику FID.
Простими словами: ти натиснув кнопку, а сайт «задумався» на півсекунди, перш ніж хоч якось відреагувати. Ось цю затримку — і всю «гальмованість» інтерфейсу — і ловить INP.
Що таке INP і навіщо він потрібен
Стара метрика FID (First Input Delay) враховувала лише першу взаємодію й тільки затримку до початку обробки. Interaction to Next Paint дивиться ширше: він бере всі взаємодії за сеанс і міряє повний шлях — від дії до моменту, коли на екрані з’явилася відповідь. Тому INP чесніше відображає реальне відчуття «швидко/тупить», особливо на важких сторінках із великою кількістю JavaScript.
Для SEO це прямий сигнал Page Experience: чуйність входить у Core Web Vitals, а «зелений» INP до 200 мс покращує і поведінкові фактори, і потенційно позиції.
Яке значення INP вважається хорошим
| Значення INP | Оцінка |
|---|---|
| ≤ 200 мс | Добре (зелена зона) |
| 200–500 мс | Потребує покращення |
| > 500 мс | Погано |
Як покращити INP
- Зменшити обсяг і час виконання JavaScript, розбити довгі завдання на короткі.
- Прибрати зайві сторонні скрипти й важкі віджети, що блокують основний потік.
- Відкладати некритичні обчислення, використовувати кешування й ліниве завантаження.
- Оптимізувати обробники подій, щоб інтерфейс встигав перемалюватися одразу після дії.
Приклад
На сторінці товару користувач тисне «Додати в кошик», а лічильник оновлюється лише за 400 мс — бо в цей момент виконуються важкі скрипти аналітики. INP тут у «жовтій» зоні. Прибрали блокування головного потоку — відповідь стала майже миттєвою, показник опустився під 200 мс.
Часто плутають з…
- FID — попередник INP; він міряв лише першу взаємодію. З 12 березня 2024 року FID виведено з Core Web Vitals.
- LCP — про швидкість завантаження головного контенту, а не про чуйність на дії.
- CLS — про візуальну стабільність (стрибки макета), не про затримку відгуку.
Питання та відповіді
Яке значення INP вважається добрим?
До 200 мілісекунд — «зелена» зона. Від 200 до 500 мс потрібне покращення, понад 500 мс — погано. Google оцінює 75-й перцентиль взаємодій.
Чим INP відрізняється від FID?
FID враховував лише першу взаємодію й тільки затримку до старту обробки. INP бере всі взаємодії й міряє повний шлях до візуальної відповіді. INP замінив FID 12 березня 2024 року.
Як виміряти INP?
Через польові дані Chrome UX Report, у PageSpeed Insights, Search Console (звіт Core Web Vitals) та DevTools. Реальні дані користувачів важливіші за лабораторні.
Сторінки «туплять» при кліках? Знайдемо причину повільного INP і виправимо — SEO-аудит зі перевіркою Core Web Vitals.
Схожі терміни: Core Web Vitals, FID, LCP, CLS, PageSpeed.
