Od interakcji do kolejnego wyrenderowania jest teraz stabilnym podstawowym wskaźnikiem internetowym, który zastępuje opóźnienie przy pierwszym działaniu.
Dziś nadszedł ten dzień! Po latach prac okazało się, że możemy w końcu wprowadzić Interakcję do następnego wyrenderowania (INP) jako stabilne wartości podstawowych wskaźników internetowych. To istotny krok naprzód w zakresie pomiaru reagowania na interakcje, który rozwiązuje wiele problemów związanych z opóźnieniem przy pierwszym działaniu (FID).
W tym poście pokrótce podsumujemy, co dokładnie się dzisiaj zmieni, przedstawimy bardziej konkretny harmonogram wycofywania i usuwania funkcji FID z narzędzi Chrome. Przedstawimy też zasoby, które pomogą Ci znaleźć i rozwiązać problemy z INP.
Co się dzisiaj zmieni
W przypadku Chrome wszystkie nasze podstawowe wskaźniki internetowe będą teraz odzwierciedlać stabilny stan INP, o ile jest to możliwe. Na przykład narzędzia takie jak PageSpeed Insights, panel CrUX i rozszerzenie Wskaźniki internetowe będą lepiej prezentować wartość INP w 3 podstawowych wskaźnikach internetowych. W przypadku PageSpeed Insights logika oceny podstawowych wskaźników internetowych będzie oceniać wydajność INP, a nie FID. Aby dowiedzieć się więcej o zmianach wprowadzonych w Search Console, przeczytaj posta na blogu zespołu wyszukiwarki.
Dodatkowo od dzisiaj niektóre narzędzia mogą wyświetlać powiadomienie o wycofaniu FID, które będzie ostrzegać, że dany wskaźnik nie jest już podstawowym wskaźnikiem internetowym i zostanie usunięty. W sekcji Harmonogram wycofywania FID omówiono daty, które należy znać, aby mieć pewność, że funkcja ta zostanie całkowicie wyłączona.
Harmonogram wycofywania FID
Po zastąpieniu FID jako podstawowych wskaźników internetowych FID Chrome oficjalnie wycofuje obsługę FID. Oznacza to, że narzędzia Chrome nie będą już gwarantować dostępności FID, a deweloperzy będą mieli czas do 9 września 2024 roku, aby przejść na INP.
Jest to szczególnie ważne w przypadku użytkowników korzystających z interfejsów API Raportu na temat użytkowania Chrome (CrUX) lub PageSpeed Insights. Aplikacje, które przetwarzają dane FID z jednego z tych interfejsów API, muszą zostać przeniesione do INP do 9 września, aby uniknąć przerw w działaniu usługi. Dla jasności – w najnowszych wersjach interfejsów API będzie to niepokojąca zmiana, która nie spowoduje wzrostu numerów wersji głównych.
Zasoby do optymalizacji INP
Niezależnie od tego, czy dopiero zaczynasz korzystać z INP, czy jesteś specjalistą od responsywności, zbiory materiałów na temat optymalizacji INP to świetny punkt wyjścia do znalezienia tego, czego szukasz. Ten stale aktualny zbiór dokumentów obejmuje wiele zagadnień – od definicji samego wskaźnika przez techniki pomiaru jego skuteczności lokalnie i z wykorzystaniem rzeczywistych użytkowników, praktyczne porady dotyczące optymalizacji różnych przypadków użycia oraz listę praktycznych studiów przypadków ilustruujących wskazówki w praktyce.
Poniżej przedstawiamy ogólny przepływ pracy, z którego możesz skorzystać, aby znaleźć i rozwiązać problemy z INP w witrynie:
Dowiedz się z kanonicznej dokumentacji INP, jak INP mierzy responsywność w odniesieniu do interakcji użytkowników.
Sprawdzaj dane rzeczywistych użytkowników, aby ocenić skuteczność INP witryny. Co najmniej 75% środowisk INP powinno reagować na dane wejściowe użytkownika w czasie krótszym niż 200 milisekund, aby zostały uznane za prawidłowe. Nie przejmuj się, jeśli Twoja witryna ma już dobrą wartość INP.
Podłącz adres URL do narzędzia PageSpeed Insights lub sprawdź raport dotyczący podstawowych wskaźników internetowych w Search Console, jeśli Twoja witryna znajduje się w zbiorze danych na temat użytkowania Chrome.
Skontaktuj się ze swoim dostawcą usług analitycznych, aby sprawdzić, czy obsługuje monitorowanie INP.
Uruchom własne rozwiązanie INP przy użyciu web-vitals.js.
W razie potrzeby dostosuj swoją witrynę do zbierania informacji diagnostycznych o wrażeniach użytkowników. Są to ważne metadane, np. informacje o tym, z którym elementem strony wchodził użytkownik i dlaczego działa wolno, a także inne przydatne dane. Dzięki tym informacjom możesz określić największe możliwości poprawy skuteczności.
Odtwórz lokalnie powolne interakcje za pomocą Narzędzi deweloperskich w Chrome. Dzięki temu zobaczysz dokładnie, co się dzieje w systemie i jaki jest kod naruszający zasady.
Zoptymalizuj kod, aby obsługiwał interakcję użytkownika z jak najmniejszą ilością pracy:
Mierz zmiany lokalnie i monitoruj wrażenia użytkowników, aby mieć pewność, że wydajność INP szybko rośnie.
Mamy nadzieję, że te wskazówki pomogą Ci zoptymalizować wartość INP. Jeśli napotkasz po drodze jakieś problemy, zawsze możesz uzyskać pomoc, publikując na Stack Overflow pytanie z tagiem interaction-to-next-paint.
Wprowadzenie wskaźnika INP jako podstawowego wskaźnika internetowego oczekuje na wiele czasu. W związku z tym z 2021 roku opublikowaliśmy w 2021 r. nasz pierwszy post o tworzeniu danych o lepszym wskaźniku responsywności. Od tego czasu wzięliśmy pod uwagę wszystkie opinie społeczności i opracowaliśmy wskaźnik, który zdecydowanie poprowadzi deweloperów do poprawy wrażeń użytkowników korzystających z nich, co w ostatecznym rozrachunku przyczyni się do poprawy jakości internetu. Dziękujemy za pomoc w kształtowaniu tego wskaźnika i Twoją ciężką pracę nad poprawą stanu reagowania.