INP

Co to jest INP

INP to czas od kliknięcia do chwili, gdy widać reakcję. Ktoś w coś klika, przeglądarka musi dokończyć to, co właśnie robiła, wykonać twoją obsługę zdarzenia, przeliczyć stronę i narysować wynik. Wynik całej strony jest bliski jej najgorszej interakcji w czasie wizyty, a dobrze to 200 milisekund lub mniej.

Ta ostatnia część jest trudna. FID, który INP zastąpił, mierzył tylko opóźnienie przed obsłużeniem pierwszej interakcji, więc strona mogła zaliczyć FID i dalej zamierać na pół sekundy przy każdym otwarciu menu. INP patrzy na wszystko.

Dlaczego INP odpowiada odczuciu „strona muli”

INP mierzy dokładnie to, co odwiedzający naprawdę potrafi nazwać. To jedyna skarga na wydajność, którą ludzie wypowiadają sami z siebie. Strona może narysować się w sekundę i dalej sprawiać wrażenie zepsutej, jeśli pierwsze dotknięcie menu przez 400 ms nie robi nic.

Co realnie poprawia INP

Poprawia go odciążenie głównego wątku i właściwie nic poza tym. Trafiam najczęściej na trzy źródła obciążenia:

Tagi firm trzecich. Kontener tag managera z sześcioma rzeczami w środku, czat, nagrywarka ruchu myszy. Każde z nich wykonuje JavaScript na tym samym wątku, który ma odpowiedzieć na kliknięcie. To najczęstsza przyczyna na stronach firmowych i decyzja działu marketingu, nie programisty.

Hydracja. Strona, która wysyła cały framework po to, żeby uczynić jeden komponent interaktywnym, musi ten framework uruchomić, zanim cokolwiek odpowie. Lekarstwo jest architektoniczne: wysyłaj HTML, a uwadniaj tylko te fragmenty, które tego naprawdę potrzebują. Dlatego interaktywne kawałki spoko.space są wyspami z własnymi małymi skryptami, a artykuł, w którym siedzą, nie ma żadnego.

Praca wykonana w obsłudze zdarzenia. Nasłuch kliknięcia, który przelicza filtr po 500 pozycjach, zanim cokolwiek narysuje. Najpierw rysuj, licz potem.

Czym INP nie jest

INP nie da się zmierzyć w laboratorium w sposób, któremu warto ufać. Lighthouse podaje przybliżenie, bo w trakcie testu nikt w nic nie kliknął. Prawdziwy wynik bierze się z prawdziwych sesji, z raportu w Search Console albo z narzędzia do danych z pola, i dopóki strona nie ma ruchu, nie ma uczciwej liczby do zacytowania.