30-sekundowe podsumowanie:
- Dobra szybkość strony i wrażenia użytkownika pomagają Twojej witrynie wyróżnić się w wynikach wyszukiwania
- Wskaźnik interakcji do następnego malowania zastępuje opóźnienie pierwszego wejścia
- Możesz przyspieszyć reakcję witryny na dane wprowadzane przez użytkownika, skracając czas przetwarzania procesora
Core Web Vitals to zestaw wskaźników zdefiniowanych przez Google w celu zmierzenia, jak dobre jest doświadczenie użytkownika witryny. Po raz pierwszy stały się sygnałem rankingowym w 2021 roku.
Chociaż definicje metryk były z czasem modyfikowane, wprowadzenie metryki Interaction to Next Paint jest największą zmianą od czasu uruchomienia inicjatywy Core Web Vitals.
Czym jest Interaction to Next Paint (INP)?
Interaction to Next Paint to wskaźnik, który ocenia, jak szybko witryna reaguje na interakcje użytkownika. Mierzy, ile czasu upływa między wejściem użytkownika, takim jak kliknięcie przycisku, a następnym odświeżeniem zawartości strony („następne malowanie”).
Aby uzyskać lepszą pozycję w Google, opóźnienie interakcji powinno być mniejsze niż 200 milisekund. Zapewnia to, że witryna jest responsywna dla użytkowników.
Jak zmienia się Core Web Vitals?
Google ogłosiło, że Interaction to Next Paint stanie się jednym z trzech wskaźników Core Web Vitals w marcu 2024 roku. W tym momencie witryna, która zbyt wolno reaguje na dane wprowadzane przez użytkownika, może radzić sobie gorzej w rankingach wyników wyszukiwania.
INP zastąpi obecną metrykę First Input Delay (FID). Podczas gdy FID również mierzy responsywność, jest bardziej ograniczony, ponieważ analizuje tylko pierwszą interakcję użytkownika. Mierzy również tylko opóźnienie do momentu rozpoczęcia obsługi zdarzenia wejściowego, zamiast czekać, aż użytkownik zobaczy wynik.
Obecnie tylko 64,9% stron mobilnych osiąga dobre wyniki w metryce Interaction to Next Paint i trudniej będzie uzyskać dobry wynik INP niż dobry wynik First Input Delay.
Jak mogę zmierzyć wskaźnik Interaction to Next Paint na mojej stronie internetowej?
Uruchom test szybkości witryny, aby sprawdzić, jak szybko się ładuje i jak szybko reaguje na dane wprowadzane przez użytkownika.
Po zakończeniu testu otwórz zakładkę „Web Vitals”. W dolnej części strony możesz zobaczyć wskaźnik Interaction to Next Paint.
W tym przypadku tylko 38% użytkowników ma dobre doświadczenia z INP.
Opóźnienia interakcji zdarzają się, gdy przeglądarka musi wykonać dużo przetwarzania procesora, zanim będzie mogła zaktualizować stronę. Może się to zdarzyć z dwóch powodów:
Zasoby
- Trwające zadania w tle uniemożliwiają obsługę danych wejściowych użytkownika
- Obsługa samego wejścia użytkownika zajmuje dużo czasu
Zadania w tle często występują podczas początkowego ładowania strony, ale mogą również wystąpić później. Są one często powodowane przez kod stron trzecich osadzony na stronie internetowej.
Reagowanie na interakcję użytkownika może wymagać dużej ilości przetwarzania. Jeśli nie można tego zoptymalizować, można rozważyć wyświetlenie spinnera, aby zapewnić wizualną informację zwrotną do czasu zakończenia przetwarzania.
Uruchamianie kodu JavaScript jest najczęstszym rodzajem przetwarzania, ale złożone aktualizacje wizualne mogą również zająć dużo czasu.
Użyj Chrome DevTools do analizy wydajności
Profiler wydajności Chrome DevTools pokazuje, które zadania zajmują dużo czasu i powinny zostać zoptymalizowane. Uruchom nagranie, kliknij element na stronie, a następnie kliknij najdłuższe paski w wizualizacji.
Pozwala to zidentyfikować, czy kod pochodzi od strony trzeciej, czy z własnej witryny. Możesz także zagłębić się w ten proces, aby zobaczyć, jak można przyspieszyć zadanie.
Sprawdź metrykę całkowitego czasu blokowania, aby zidentyfikować zadania w tle
Metryka Total Blocking Time śledzi, jak często występują zadania procesora w tle, które mogą blokować działanie innego kodu. Jeśli użytkownik wchodzi w interakcję ze stroną, gdy zadanie jest już w toku, przeglądarka najpierw kończy to zadanie przed obsługą zdarzenia wejściowego.
Możesz użyć narzędzi takich jak Google Lighthouse, aby zobaczyć, jak można zoptymalizować ten wskaźnik.
Jeśli zadania wymagające przetwarzania w witrynie są częścią podstawowego kodu witryny, musisz współpracować z zespołem programistów, aby je zoptymalizować. W przypadku stron trzecich możesz sprawdzić, czy skrypt jest nadal potrzebny, lub skontaktować się z obsługą klienta dostawcy, aby sprawdzić, czy możliwe jest zoptymalizowanie kodu.
Monitorowanie interakcji do następnego malowania
Chcesz śledzić, jak sobie radzisz w INP i innych Core Web Vitals? DebugBear może śledzić szybkość witryny i pomóc w jej optymalizacji.
Rozpocznij bezpłatny 14-dniowy okres próbny już dziś i zapewnij lepsze wrażenia użytkownika.
Wnioski
Metryka Interaction to Next Paint stanowi największą zmianę w Google Core Web Vitals od czasu ich pierwotnego ogłoszenia. INP eliminuje niedociągnięcia poprzedniej metryki First Input Delay i zapewnia lepszą reprezentację tego, jak użytkownicy korzystają z witryny.
Sprawdź, jak Twoja witryna radzi sobie w metryce Interaction to Next Paint, zanim zmiana rankingu zostanie wprowadzona w 2024 roku. W ten sposób będziesz mieć dużo czasu na zidentyfikowanie optymalizacji i przyspieszenie witryny.
Wypróbuj DebugBear w ramach bezpłatnego 14-dniowego okresu próbnego.
