INP (Interaction to Next Paint) mierzy, jak szybko strona reaguje na kliknięcia, dotknięcia i naciśnięcia klawiszy podczas całej wizyty. Od marca 2024 zastąpił wskaźnik FID w Core Web Vitals. Dobry wynik to INP poniżej 200 ms. Najczęstszą przyczyną słabego wyniku jest zbyt dużo JavaScriptu, w tym skryptów zewnętrznych.
Czym jest INP
INP (Interaction to Next Paint) to wskaźnik responsywności strony. Mierzy czas od działania użytkownika (kliknięcie, dotknięcie, klawisz) do momentu, w którym przeglądarka pokazuje efekt. W przeciwieństwie do dawnego FID, który oceniał tylko pierwszą interakcję, INP uwzględnia interakcje z całej wizyty. Przewijanie nie jest brane pod uwagę.
Według oficjalnych informacji Google, aby strona uzyskała dobry wynik, co najmniej 75% interakcji użytkowników powinno być obsłużonych w czasie poniżej 200 milisekund.
Core Web Vitals: trzy wskaźniki
| Wskaźnik | Co mierzy | Dobry wynik |
|---|---|---|
| LCP (Largest Contentful Paint) | Jak szybko pojawia się największy element na stronie | do 2,5 s |
| INP (Interaction to Next Paint) | Jak szybko strona reaguje na działania użytkownika | poniżej 200 ms |
| CLS (Cumulative Layout Shift) | Czy elementy „skaczą” podczas ładowania | poniżej 0,1 |
Orientacyjnie: INP powyżej 500 ms jest oceniany jako słaby, a wartości pomiędzy 200 a 500 ms jako wymagające poprawy.
Czy INP wpływa na pozycje w Google
Google zaleca dobre Core Web Vitals i wskazuje, że wraz z innymi aspektami doświadczenia strony są one zgodne z tym, co nagradzają jego główne systemy rankingowe. Nie oznacza to jednak, że poprawa INP automatycznie podniesie pozycję. Treść i trafność odpowiedzi nadal są ważniejsze. Najlepszym argumentem za poprawą INP jest użytkownik: strona, która wolno reaguje, zniechęca do zakupu lub wysłania formularza.
Jak zmierzyć INP
- Raport Core Web Vitals w Google Search Console: dane z rzeczywistych wizyt użytkowników Chrome (CrUX), osobno dla telefonów i komputerów.
- PageSpeed Insights: pokazuje dane z terenu (jeśli strona ma dość ruchu) i diagnostykę laboratoryjną.
- Chrome DevTools: pozwala odtworzyć wolne interakcje lokalnie.
- Biblioteka web-vitals: zbiera INP z prawdziwych wizyt we własnej analityce.
Pomiar laboratoryjny nie zastąpi danych z terenu, bo INP zależy od tego, jak naprawdę korzystają użytkownicy. Wyniki sprawdzaj osobno dla telefonów i komputerów.
Najczęstsze przyczyny słabego INP
- Długie zadania JavaScript, które blokują przeglądarkę, gdy użytkownik chce kliknąć.
- Zbyt dużo skryptów zewnętrznych: czaty, widgety, systemy analityczne, piksele reklamowe, banery zgód.
- Ciężkie frameworki frontendowe i duże aktualizacje interfejsu po kliknięciu.
- Duża liczba elementów na stronie i kosztowne przeliczenia układu.
- Wolne urządzenia: na słabszym telefonie ten sam kod działa dłużej.
Jak poprawić INP
Według wytycznych web.dev kierunki poprawy to skracanie lub dzielenie długich bloków JavaScriptu, ograniczanie zbędnego kodu i unikanie dużych aktualizacji renderowania. W praktyce:
- Zmierz i znajdź wolne interakcje (które elementy, na których podstronach, na jakich urządzeniach).
- Przejrzyj skrypty zewnętrzne i usuń te, które nie są potrzebne. Ładuj je później lub tylko tam, gdzie są potrzebne. Jeśli używasz Google Tag Managera, sprawdź, ile znaczników uruchamia się przy każdej interakcji (Google Tag Manager: co to jest).
- Podziel długie zadania na mniejsze, żeby przeglądarka mogła reagować w przerwach.
- Zmniejsz ilość kodu wysyłanego do przeglądarki: usuń nieużywane biblioteki i podziel pakiety.
- Uprość interfejs po kliknięciu: unikaj odświeżania dużych fragmentów strony, wirtualizuj długie listy.
- Zmierz ponownie lokalnie i w danych od użytkowników. Dane z terenu aktualizują się z opóźnieniem.
Dobór technologii ma wpływ na wynik. Jeśli wybierasz framework, zajrzyj do artykułu Next.js czy Nuxt.js: SEO i wydajność.
INP w sklepie internetowym
W sklepie INP ma znaczenie przy działaniach, które decydują o sprzedaży: filtrowanie produktów, dodawanie do koszyka, otwieranie menu, przejście do płatności. Warto zmierzyć te interakcje osobno, bo wyniki dla strony głównej mogą być dobre, a dla koszyka słabe. Przy rozbudowanych sklepach B2B znaczenie mają też lista produktów z dużą liczbą pozycji i formularze zamówień.
Kiedy nie warto inwestować w poprawę INP
- Gdy Twój wynik jest już w zakresie „dobry” na telefonach i komputerach. Dalsza poprawa da niewielki efekt.
- Gdy strona nie ma wystarczającego ruchu, żeby dane z terenu były dostępne. Wtedy skup się na ogólnej wydajności i jakości treści.
- Gdy problem tkwi w treści lub ofercie, a nie w technologii.
Jak możemy pomóc
Przeprowadzamy audyty wydajności stron i sklepów, wskazujemy konkretne źródła opóźnień i wprowadzamy poprawki w kodzie i konfiguracji. Zajrzyj do oferty stron internetowych.
Najczęstsze pytania
Czym INP różni się od FID?
FID mierzył opóźnienie pierwszej interakcji. INP uwzględnia interakcje z całej wizyty i mierzy czas do pokazania efektu, więc lepiej oddaje odczucia użytkownika.
Jaki jest dobry wynik INP?
Poniżej 200 ms dla co najmniej 75% interakcji. Wynik powyżej 500 ms jest oceniany jako słaby.
Czy FID nadal działa?
Nie jest już częścią Core Web Vitals. Chrome wycofał obsługę FID, a narzędzia Google raportują INP.
Gdzie sprawdzę INP mojej strony?
W raporcie Core Web Vitals w Search Console i w PageSpeed Insights. Dla małego ruchu danych z terenu może brakować.
Czy poprawa INP podniesie pozycje?
Nie ma gwarancji. Google traktuje Core Web Vitals jako jeden z elementów doświadczenia strony, a nie jedyny czynnik.
Chcesz sprawdzić wydajność swojej strony lub sklepu? Poproś o szybką wycenę albo napisz do nas.
