Interaction to Next Paint (INP) to kluczowy wskaźnik Core Web Vitals, który mierzy rzeczywistą responsywność interfejsu: czas od interakcji użytkownika do chwili, gdy przeglądarka pokaże efekt na ekranie.
W marcu 2024 roku INP zastąpił starszą metrykę FID, dostarczając pełniejszą ocenę całej sesji użytkownika. Lepszy INP oznacza lepsze UX, wyższe pozycje SEO i wyższe konwersje w biznesie online.
Definicja i znaczenie INP
INP definiuje się jako czas mierzony w milisekundach od początku interakcji (kliknięcie, naciśnięcie klawisza, dotknięcie ekranu) do następnego „malowania” (paint), gdy interfejs wizualnie zareaguje. W odróżnieniu od FID, które mierzyło wyłącznie pierwszą interakcję i samo opóźnienie wejściowe, INP obejmuje wszystkie interakcje w trakcie wizyty i raportuje najgorszy (najdłuższy) wynik, dając pełniejszy obraz responsywności.
Słaba responsywność frustruje użytkowników, zwiększa bounce rate i obniża konwersje — w e-commerce opóźnienia powyżej 200 ms potrafią obniżyć sprzedaż o kilkanaście procent. Google podkreśla, że INP wpływa na rankingi, dlatego powinien być priorytetem dla stron reklamowych i landing pages.
Według zaleceń Google wartości INP interpretujemy następująco:
- dobry wynik – ≤ 200 ms;
- do poprawy – 200–500 ms;
- słaby wynik – > 500 ms.
Jak działa pomiar INP – szczegółowy proces
Poniższe etapy wyjaśniają, gdzie zwykle powstają opóźnienia i dlaczego dynamiczne aplikacje potrafią mieć wysoki INP:
- Rozpoczęcie interakcji – użytkownik klika, naciska klawisz lub dotyka ekranu;
- Wykrycie interakcji – przeglądarka rejestruje zdarzenie;
- Przetwarzanie zdarzenia – uruchamia się JavaScript, manipulacje DOM, zapytania sieciowe i obliczenia stylów; to etap najbardziej podatny na opóźnienia;
- Zaplanowanie aktualizacji wizualnej – przeglądarka przygotowuje zmiany do renderowania;
- Następny cykl malowania (Next Paint) – interfejs wizualnie się aktualizuje i użytkownik widzi efekt.
INP rejestruje najgorszą interakcję z całej sesji, dzięki czemu pojedyncze szybkie akcje nie maskują realnych problemów.
Rodzaje interakcji branych pod uwagę
INP uwzględnia następujące typy akcji:
- kliknięcia myszą,
- naciśnięcia klawiszy (również na klawiaturach ekranowych),
- stuknięcia na ekranach dotykowych.
Nie uwzględnia się najechania kursorem czy przewijania kółkiem myszy, ale brany jest pod uwagę scroll z klawiatury (np. spacja, Page Up/Down), jeśli wywołuje zdarzenia.
INP w kontekście Core Web Vitals – porównanie z innymi metrykami
INP to jeden z trzech filarów Core Web Vitals, obok LCP i CLS. Oto najważniejsze różnice:
| Metryka | Mierzy | Zakres | Dobry wynik | Wpływ na biznes |
|---|---|---|---|---|
| INP | Czas od interakcji do wizualnej reakcji | Wszystkie interakcje w sesji | ≤ 200 ms | Responsywność, konwersje w formularzach |
| LCP | Czas ładowania największego elementu | Ładowanie początkowe | ≤ 2,5 s | Pierwsze wrażenie, retencja |
| CLS | Przesunięcia układu strony | Stabilność wizualna | ≤ 0,1 | Redukcja frustracji, mniej przypadkowych kliknięć |
| FID (zastąpione) | Opóźnienie pierwszej interakcji | Tylko pierwsza akcja | ≤ 100 ms | Ograniczona ocena |
INP vs. LCP – LCP ocenia szybkość załadowania treści (np. baner), natomiast INP mierzy reakcję po akcji użytkownika (np. otwarcie formularza leadowego).
Przykłady wpływu INP na strony biznesowe
Poniższe scenariusze pokazują, jak wysoki INP potrafi osłabić skuteczność kampanii i sprzedaż:
- Strona docelowa kampanii PPC – kliknięcie CTA „Kup teraz” reaguje po ~600 ms z powodu ciężkiego JavaScript; INP > 500 ms, wzrost odrzuceń o 30%;
- Wielostopniowy formularz kontaktowy – przejście „Dalej” trwa ~400 ms przez obciążające zapytania; użytkownicy porzucają proces (obszar do poprawy);
- E-commerce z dynamicznymi filtrami – wpisywanie w wyszukiwarce blokuje interfejs na ~300 ms; spadek konwersji;
- Aplikacja SPA – nawigacja bez przeładowania (np. menu w CRM) z INP ~250 ms; narastająca frustracja użytkowników B2B.
W testach Google serwisy z INP < 200 ms notują wyższe zaangażowanie o 20–25%.
Narzędzia do pomiaru INP
Aby zweryfikować INP i znaleźć wąskie gardła, skorzystaj z poniższych narzędzi:
- PageSpeed Insights i Chrome DevTools – bezpłatne testy laboratoryjne i profilowanie;
- Google Search Console (Core Web Vitals) – dane z rzeczywistych sesji użytkowników (field data);
- Lighthouse w Chrome – symulacje interakcji i sugerowane poprawki;
- Narzędzia komercyjne – Semrush, Ahrefs do monitoringu SEO i trendów wydajności.
Aby sprawdzić konkretny adres, wprowadź URL w PageSpeed Insights i przejdź do sekcji INP z podziałem na typy interakcji oraz sugestiami optymalizacji.
Strategie optymalizacji INP dla marketerów
Optymalizacja INP bezpośrednio poprawia UX, SEO i ROI kampanii. Skup się na poniższych obszarach:
1. Optymalizacja JavaScript
Redukuj blokujący JS – odraczaj niekrytyczny kod atrybutami defer lub async, usuwaj nieużywane moduły i biblioteki.
Przenieś ciężkie skrypty analityczne i trackujące (np. Google Analytics) na moment po pierwszej interakcji użytkownika.
2. Poprawa czasu przetwarzania zdarzeń
Pisuj krótkie, przewidywalne handlery; unikaj długich pętli i kosztownych operacji w onclick.
Zastąp synchroniczne wywołania sieciowe wzorcem async/await, a kosztowne obliczenia deleguj do Web Workers.
3. Zarządzanie zadaniami w przeglądarce
Priorytetyzuj operacje i odkładaj mniej istotne prace na requestIdleCallback lub mikro/makro-zadania.
Minimalizuj skrypty stron trzecich (reklamy, chatboty, tagi), które obciążają main thread.
4. Optymalizacja renderowania
Grupuj i ograniczaj zmiany w DOM; preferuj transform i opacity zamiast top/left (mniej reflow/repaint).
Włącz lazy loading obrazów i iframe’ów, zwłaszcza w sekcjach wymagających interakcji.
5. Testy na urządzeniach mobilnych
INP jest krytyczny na mobile – testuj przy spowolnionych CPU i sieci, na realnych urządzeniach.
Kroki dla biznesu – zacznij od szybkiego planu działania:
- zmierz bieżący INP w Google Search Console,
- ustal cel: < 200 ms dla 75% sesji,
- po wdrożeniach monitoruj wzrost ruchu organicznego i konwersji.
Wpływ INP na SEO, reklamę i biznes
Najważniejsze implikacje w trzech obszarach:
- SEO – od 2024 roku Google wykorzystuje INP w rankingu; strony z dobrym profilem Core Web Vitals zyskują widoczność;
- Reklama – lepszy INP poprawia ocenę stron docelowych w Google Ads, co może obniżyć CPC;
- Biznes – poprawa responsywności o 100 ms potrafi zwiększyć konwersje o 1–2%, co w e-commerce przekłada się na znaczące przychody.
