INP

Co to jest

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. INP to czas od kliknięcia do tego rysowania, a wynik strony jest bliski jej najgorszej interakcji w całej wizycie.

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

Dlaczego to twój problem, jeśli zamawiasz stronę

Bo mierzy odczucie, które ludzie nazywają „strona muli” — jedyną skargę na wydajność, którą odwiedzający naprawdę wypowiadają. 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 je poprawia

Praca na głównym wątku i właściwie nic poza tym. Trzy źródła, w kolejności, w jakiej je zwykle znajduję:

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 tej strony są wyspami z własnymi małymi skryptami — menu, powiększanie zdjęć i przełącznik motywu mają swoje, 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

Nie da się go zmierzyć w laboratorium w sposób, któremu warto ufać. Lighthouse podaje przybliżenie, bo w trakcie testu nikt w nic nie kliknął. Prawdziwe INP 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.