Przejście od interakcji do kolejnego wyrenderowania

INP nie jest już eksperymentalny. Dowiedz się więcej o planach, by w 2024 r. Chrome stał się podstawowym wskaźnikiem internetowym.

Anna Kowalska
Annie Sullivan

5

W ramach programu wskaźników internetowych Chrome misją Chrome jest pomaganie deweloperom w skupianiu się na tych danych, które są kluczowe dla zapewnienia wygody użytkowników – są to podstawowe wskaźniki internetowe. Jednym z ważnych aspektów, na którym skupiliśmy się na wrażeniach użytkowników, jest responsywność, czyli zdolność strony internetowej do szybkiego reagowania na interakcje użytkowników.

Opóźnienie przy pierwszym działaniu (FID) to podstawowy wskaźnik internetowy, który mierzy czas reagowania, ale, jak już wspomnieliśmy, istnieją znane ograniczenia FID. To pozwoliło nam zbadać i poznać opinie na temat eksperymentalnych danych, które lepiej zareagują na te ograniczenia. W 2022 roku ogłosiliśmy wprowadzenie nowego rodzaju danych Interaction to Next Paint (INP), udostępnienie go powszechnie w naszych narzędziach i współpracę ze społecznością, aby przetestować jego skuteczność.

Po kolejnym roku testów i zebraniu opinii społeczności jesteśmy gotowi do pełnej sprawności i ogłoszenia, że system INP nie jest już eksperymentalny. Ponadto od marca 2024 r. będziemy też promować INP jako nowy podstawowy wskaźnik internetowy dotyczący reagowania, zastępując FID.

W tym poście omówimy więcej o powodach, dla których podjęliśmy tę decyzję, o tym, co dokładnie się zmienia i jak zacząć z niej korzystać. Więcej informacji o tym, jak wpłynie to na wyszukiwarkę Google, znajdziesz w poście na blogu.

Lepsze dane dotyczące responsywności

FID to ogromny krok naprzód, gdy w 2020 roku wprowadziliśmy go jako podstawowy wskaźnik internetowy. Dzięki niemu deweloperzy mogli mierzyć responsywność na poziomie rzeczywistym użytkownika, co zawsze było ważną częścią programu wskaźników internetowych. W przeciwieństwie do podobnych danych, które określają tylko przybliżoną interaktywność strony, takie jak całkowity czas blokowania (TBT) i czas do pełnej interaktywności (TTI), FID bezpośrednio mierzy wrażenia użytkownika. Co ważne, strona może działać wolno ze względu na sposób, w jaki użytkownicy wchodzą w interakcję z nią.

Poprawiło to sposób mierzenia czasu reagowania, ale FID nie miał ograniczeń. Sama nazwa niesie ze sobą 2 ograniczenia: „pierwsze wejście” i „opóźnienie”. FID podaje tylko czas reakcji pierwszej interakcji użytkownika ze stroną. Choć pierwsze wrażenia są ważne, pierwsza interakcja nie musi być reprezentatywna dla wszystkich interakcji w trakcie działania strony. Dodatkowo FID mierzy tylko opóźnienie wejściowe pierwszej interakcji, czyli czas, jaki przeglądarka musi czekać (z powodu zajętości wątku głównego), zanim jeszcze zacznie obsługiwać interakcję.

Wpisz INP. Zamiast mierzyć tylko pierwszą interakcję, INP uwzględnia wszystkie interakcje, ponieważ raportuje najwolniejsze interakcje w całym okresie aktywności strony. INP mierzy cały czas od rozpoczęcia interakcji przez moduł obsługi zdarzeń aż do momentu, w którym przeglądarka wyrenderuje następną klatkę, a nie tylko czas opóźnienia. W związku z tym od interakcji do kolejnego wyrenderowania. Te szczegóły implementacji sprawiają, że INP jest o wiele bardziej kompleksowym pomiarem responsywności postrzeganej dla użytkowników niż FID.

Zmieniający się INP

Od dziś wartość INP nie jest już eksperymentalna i będzie oczekująca jako podstawowy wskaźnik internetowy. To nowe oznaczenie, które informuje, że organizacja INP jest przygotowana do zastąpienia FID – ale jeszcze nie wprowadzamy tej zmiany. Aby dać ekosystemowi czas na dostosowanie się, w marcu 2024 r. wartość INP stanie się stabilnym podstawowym wskaźnikiem dotyczącym aplikacji internetowych.

Grafika przedstawiająca harmonogram etapów INP – od momentu wprowadzenia w Chrome wprowadzenia obsługi INP w maju 2022 r. aż do dzisiaj w maju 2023 r., gdy Chrome informuje, że INP jest teraz nieeksperymentalnym wskaźnikiem.
Grafika przedstawiająca oś czasu etapów INP.

W naszych narzędziach zobaczysz INP bez prefiksu i ikony experimental. Jeśli korzystasz z danych INP w sposób zautomatyzowany, korzystając z dowolnego z tych interfejsów API, musisz zaktualizować swój kod, aby przejść na pole INP, które nie jest eksperymentalne.

Narzędzie Wycofane pole Nowe pole
Interfejs API CrUX experimental_interaction_to_next_paint interaction_to_next_paint
Interfejs CrUX History API experimental_interaction_to_next_paint interaction_to_next_paint
Raport na temat użytkowania Chrome w BigQuery experimental.interaction_to_next_paint interaction_to_next_paint
PageSpeed Insights API experimental_interaction_to_next_paint interaction_to_next_paint
Raport Lighthouse* experimental-interaction-to-next-paint interaction-to-next-paint
Zmapowanie interfejsów API na starą i nową nazwę pola INP.
* Lighthouse przestanie używać eksperymentalnego pola INP w wersji 11.

Aby ułatwić przejście i uniknąć awarii dalszych aplikacji, te interfejsy API będą obsługiwać eksperymentalne pole INP przez kolejne 90 dni. 8 sierpnia 2023 r. interfejs API dla eksperymentalnego pola INP przestanie być obsługiwany.

Do marca 2024 r. FID pozostanie podstawowym wskaźnikiem internetowym. W tym czasie INP dołączy do 3 stabilnych podstawowych wskaźników internetowych, takich jak największe wyrenderowanie treści (LCP) i skumulowane przesunięcie układu (CLS). W przyszłej aktualizacji przekażemy więcej informacji o dokładnym czasie wprowadzenia zmiany oraz planie FID po jej zastąpieniu jako podstawowego wskaźnika internetowego.

Pierwsze kroki z INP

Dobre wartości INP to 200 milisekund lub mniej, niskie – więcej niż 500 milisekund, a wszystkie pozostałe wymagają poprawy.

Nie czekaj, aż INP stanie się podstawowym wskaźnikiem internetowym w 2024 r. i zacznij go ulepszać. Twoja witryna może się znaleźć wśród 93% witryn o dobrej skuteczności FID na urządzeniach mobilnych; może Cię jednak zaskoczyć, że tylko 65% witryn ma dobry wynik INP na urządzeniach mobilnych. INP ukazuje znacznie dokładniejszy obraz responsywności, dzięki czemu te liczby pomagają nam wyraźniej dostrzec możliwości poprawy przed nami.

Aby dowiedzieć się, czy w Twojej witrynie występują problemy z INP, jak je rozwiązać i jakie są inne kwestie związane z INP, najlepiej zacząć od przewodnika po optymalizacji INP. Niezależnie od tego, czy dopiero zaczynasz swoją przygodę z responsywnością, czy też jesteś ekspertem od skuteczności, dodaliśmy wiele nowych wskazówek, dzięki którym każdy może w łatwy sposób nauczyć się mierzyć i optymalizować wartość INP.

INP może potrzebować trochę czasu na naukę, więc nic nie szkodzi. Aby pomóc Ci skupić się na optymalizacji przy największym ROI, na początku tego roku opublikowaliśmy posta na blogu, w którym omówiliśmy nasze wskazówki na temat najskuteczniejszych zaleceń związanych ze zwiększaniem podstawowych wskaźników internetowych. Omówiliśmy 3 niezbędne techniki, które mają zastosowanie w równym stopniu do optymalizacji FID i INP: unikanie i dzielenie długich zadań, unikanie zbędnego kodu JavaScript oraz unikanie dużych aktualizacji renderowania. Więcej informacji o tych i wielu innych technikach optymalizacji INP znajdziesz w naszej dokumentacji.

Droga w przyszłość

Wyznaczyliśmy nowy próg czasu reagowania i z przyjemnością obserwujemy, jak społeczność staje się wyzwaniem i zapewnia lepsze wrażenia użytkownikom. Początkowe opinie i studia przypadków były obiecujące, ale wiemy, że dla wielu z nich może to być jeszcze długa, ale niezrozumiała droga. Staramy się, aby korzystanie z aplikacji było jak najłatwiejsze dzięki ulepszonym diagnostykom, tools i dokumentacji, które pomagają deweloperom.

Będziemy na bieżąco informować o dokładnej dacie ukończenia kursu INP w marcu 2024 r. Chociaż te dane nie są już eksperymentalne, zawsze chętnie przesyłamy opinie na adres web-vitals-feedback@googlegroups.com, aby pomóc nam ulepszyć INP i program wskaźników internetowych.