Interaction to Next Paint (INP)
Responsywność strony na działania użytkownika.
Interaction to Next Paint w 30 sekund
- 01 · Zrozum: INP (Interaction to Next Paint) mierzy, jak szybko strona reaguje na działania użytkownika — kliknięcia, dotyk, wpisywanie.
- 02 · Sprawdź: Zmierz INP w PageSpeed Insights (dane polowe) lub testuj interakcje w zakładce Performance.
- 03 · Unikaj: Zbyt dużo JavaScriptu wykonywanego przy interakcji
Co to jest Interaction to Next Paint?
INP (Interaction to Next Paint) mierzy, jak szybko strona reaguje na działania użytkownika — kliknięcia, dotyk, wpisywanie. Liczy czas od interakcji do momentu, gdy ekran pokaże jej efekt.
Zastąpił starszą metrykę FID i jest surowszy: bierze pod uwagę wszystkie interakcje w trakcie wizyty, nie tylko pierwszą. Próg dobrego wyniku to 200 ms.
Dlaczego to ważne dla SEO
Strona, która „zacina się” po kliknięciu, sprawia wrażenie zepsutej. Dobry INP to płynne, natychmiastowe reagowanie — kluczowe przy formularzach i sklepach.
Jak to sprawdzić
Zmierz INP w PageSpeed Insights (dane polowe) lub testuj interakcje w zakładce Performance. Najczęstsza przyczyna wysokiego INP to ciężki JavaScript blokujący główny wątek.
Częste błędy
- Zbyt dużo JavaScriptu wykonywanego przy interakcji
- Długie zadania blokujące główny wątek
- Ciężkie skrypty firm trzecich (czaty, analityka)
Przykład
INP 120 ms → dobry · 300 ms → wymaga poprawy · 600 ms → słaby
Najczęstsze pytania
Czym INP różni się od FID?
FID mierzył opóźnienie wyłącznie pierwszej interakcji. INP bierze pod uwagę wszystkie interakcje w trakcie wizyty i raportuje praktycznie najgorszą z nich, więc jest znacznie trudniejszy do oszukania.
Jaki wynik jest dobry?
Do 200 milisekund. Powyżej 500 milisekund użytkownik odbiera stronę jako zacinającą się.
Co psuje INP najczęściej?
Długie zadania JavaScriptu blokujące główny wątek: ciężkie skrypty analityczne, przeliczanie dużych list i praca wykonywana synchronicznie w reakcji na kliknięcie.
Poradniki na ten temat
- Jak czytać PageSpeed Insights i Core Web Vitals — Zacznij od danych polowych, potem użyj laboratorium do diagnozy. Wynik 100/100 nie jest celem samym w sobie — ważniejsze są LCP, INP i CLS prawdziwych użytkowników oraz poprawki, które usuwają konkretną przyczynę.
- Jak poprawić Core Web Vitals — LCP, INP i CLS po kolei — Trzy metryki, trzy zupełnie różne przyczyny. Ten poradnik idzie od zmian, które zajmują kwadrans i dają najwięcej, do przebudów, w które warto wchodzić dopiero na końcu.