Dobry wynik INP to do 200 ms dla 75. percentyla wizyt. INP zastąpił FID w marcu 2024 roku.
Core Web Vitals: co mierzą LCP, INP i CLS?
- LCP: czas pojawienia się największego widocznego elementu; dobry wynik to maksymalnie 2,5 sekundy.
- INP: opóźnienie od interakcji do następnego widocznego obrazu; dobry wynik to maksymalnie 200 ms.
- CLS: nieoczekiwane przesunięcia układu; dobry wynik to mniej niż 0,1.
INP uwzględnia opóźnienie wejścia, czas pracy obsługi zdarzenia i opóźnienie wyświetlenia nowej klatki. Dlatego przycisk może wydawać się wolny, nawet jeśli odpowiedź serwera jest szybka. Szczegółową definicję podaje web.dev.
Gdzie sprawdzić INP swojej strony?
W Search Console otwórz raport „Podstawowe wskaźniki internetowe”, aby zobaczyć grupy adresów z problemami. W PageSpeed Insights rozróżnij dane rzeczywistych użytkowników z Chrome UX Report od diagnozy laboratoryjnej.
Raport laboratoryjny pomaga znaleźć przyczynę, ale pojedynczy test nie jest wynikiem INP całej witryny. Jeśli masz własny pomiar RUM, zapisuj także informację, który element i która interakcja były powolne.
Dane terenowe zwykle agregują 28 dni i używają 75. percentyla. Po naprawie nie oczekuj natychmiastowej zmiany w Search Console: nowy wynik potrzebuje nowych wizyt w oknie pomiarowym.
Jak poprawić wysoki INP: kolejność działań
- Znajdź wolną interakcję. Nagraj w Chrome DevTools kliknięcie menu, filtra, formularza lub koszyka. Sprawdź, czy czas zabiera oczekiwanie na wątek główny, JavaScript czy renderowanie.
- Usuń zbędną pracę przed odpowiedzią. Ogranicz skrypty firm trzecich, duże operacje w handlerach oraz ciężkie komponenty. Pokaż użytkownikowi szybki stan „trwa”, a pracę niekrytyczną wykonaj później.
- Podziel długie zadania. Gdy pojedynczy skrypt blokuje wątek główny, rozbij go i pozwól przeglądarce wyrenderować aktualizację. Zobacz przewodnik optymalizacji INP.
- Sprawdź efekt na telefonach. Porównaj pomiary terenowe oraz przepływy użytkownika. Poprawa tylko wyniku laboratoryjnego może nie rozwiązać problemu.
Czy lepszy INP daje wyższą pozycję w Google?
Google używa Core Web Vitals w systemach oceny doświadczenia strony, ale dobry wynik nie gwarantuje wysokich pozycji. Treść odpowiadająca na pytanie użytkownika, możliwość indeksowania i inne sygnały nadal mają znaczenie.
Podobnie wybór WordPressa lub Next.js nie ustala wyniku INP: w każdym z nich można stworzyć szybką albo wolną stronę. Nie obiecuj pozycji TOP 3 na podstawie samego pomiaru wydajności.
Najczęstsze pytania
Czym INP różni się od FID?
FID uwzględniał tylko opóźnienie pierwszej interakcji. INP ocenia reakcje w trakcie całej wizyty i bierze pod uwagę także wykonanie kodu oraz wyświetlenie efektu.
Czy Lighthouse pokazuje INP?
Pojedynczy test laboratoryjny nie odtwarza rzeczywistego INP wszystkich użytkowników. Do diagnozy użyj DevTools, a do oceny trendu danych terenowych z CrUX lub RUM.
Czy trzeba migrować z WordPressa, by poprawić INP?
Nie. Najpierw ustal, które interakcje i skrypty są powolne. Migrację rozważ dopiero, gdy ograniczenia obecnej architektury utrudniają naprawę.
Potrzebujesz punktu wyjścia? Zleć audyt strony z listą najwolniejszych interakcji i planem napraw. Jeśli rozważasz nowy serwis, porównaj też koszt jego wdrożenia z optymalizacją obecnego.
