INP (Interaction to Next Paint)

INP (Interaction to Next Paint) to metryka z grupy Core Web Vitals, która ocenia responsywność strony — mierzy opóźnienie między interakcją użytkownika a momentem, w którym przeglądarka wyświetli widoczną reakcję. W marcu 2024 roku INP zastąpił wcześniejszą metrykę FID jako oficjalny wskaźnik responsywności w rankingu Google. W odróżnieniu od poprzednika INP obserwuje wszystkie interakcje w trakcie całej wizyty, nie tylko pierwszą.

Jak działa INP

Za każdym razem, gdy użytkownik kliknie, dotknie ekranu lub naciśnie klawisz, przeglądarka mierzy czas od zdarzenia do najbliższego przerysowania (paint), które odzwierciedla efekt tej akcji. Na wynik składają się trzy fazy:

• opóźnienie wejścia — czas, zanim przeglądarka zdąży obsłużyć zdarzenie, często blokowana zajętym wątkiem głównym;
• czas przetwarzania — wykonanie kodu JavaScript powiązanego ze zdarzeniem;
• opóźnienie prezentacji — przeliczenie układu i wyrenderowanie nowej klatki.

Jako końcowy wynik INP raportuje najgorszą (lub bliską najgorszej) interakcję z całej wizyty, co dobrze oddaje realny komfort korzystania ze strony.

Zastosowanie w praktyce

INP mierzy się na danych terenowych, m.in. w Chrome User Experience Report i raportach Search Console. Najczęstszą przyczyną słabych wyników jest ciężki JavaScript blokujący wątek główny. Poprawę przynoszą: dzielenie długich zadań na mniejsze, ograniczanie skryptów firm trzecich, odraczanie niekrytycznego kodu, stosowanie web workerów oraz debouncing częstych zdarzeń. Szybka reakcja interfejsu przekłada się na niższy współczynnik odrzuceń i wyższe konwersje, dlatego INP jest ważnym elementem optymalizacji page experience. Warto pamiętać, że laboratoryjne narzędzia, takie jak Lighthouse, nie zmierzą INP wprost, bo wymaga on rzeczywistych interakcji użytkowników — pełny obraz dają wyłącznie dane terenowe zbierane w przeglądarkach odwiedzających. W praktyce oznacza to, że optymalizację INP prowadzi się iteracyjnie: identyfikuje się najwolniejsze interakcje na kluczowych podstronach, profiluje wątek główny w narzędziach deweloperskich, a następnie skraca czas przetwarzania zdarzeń. Poprawa INP idzie w parze z ogólną higieną wydajności strony i przynosi korzyści zauważalne na słabszych urządzeniach mobilnych, gdzie ciężki JavaScript blokuje wątek najbardziej.