nowe dane o skuteczności, aktualizacje narzędzia PageSpeed Insights i raportu na temat użytkowania Chrome (CrUX);
Podczas szczytu dla deweloperów Chrome ja i Paul Irish ogłosiliśmy aktualizacje Lighthouse, w tym Lighthouse CI, nową formułę oceny wydajności i inne. Oprócz ważnych informacji o Lighthouse przedstawiliśmy ciekawe nowości dotyczące narzędzi do pomiaru wydajności, w tym nowe wskaźniki wydajności, aktualizacje usługi PageSpeed Insights i raportu na temat użytkowania Chrome (CrUX) oraz statystyki z analizy ekosystemu internetowego przeprowadzonej przez Web Almanac.
Nowe dane dotyczące skuteczności
Pomiar subtelności wrażeń użytkownika jest kluczowy do ilościowego określenia wpływu na wyniki finansowe oraz śledzenia ulepszeń i regresji. Z czasem pojawiły się nowe dane, które uwzględniają te niuanse i wypełniają luki w mierzeniu wrażeń użytkowników. Najnowszym dodatkiem do historii wskaźników są 2 dane z pola – największe wyrenderowanie treści (LCP) i skumulowane przesunięcie układu (CLS) – które są rozwijane w ramach grupy roboczej W3C ds. wydajności stron internetowych, oraz nowy dane z laboratorium – czas całkowitego blokowania (TBT).
Największe wyrenderowanie treści (LCP)
Największe wyrenderowanie treści (LCP) to czas, w którym największy element treści staje się widoczny w widocznym obszarze.
Przed wprowadzeniem największego wyrenderowania treści wskaźniki pierwszego wyrenderowania treści (FMP) i indeks szybkości (SI) służyły do rejestrowania wczytywania po pierwszym wyrenderowaniu, ale są to wskaźniki złożone, które często nie określają, kiedy wczytano główną treść strony. Badania wykazały, że po prostu sprawdzenie, kiedy renderowany jest największy element na stronie, lepiej odzwierciedla moment wczytania głównej zawartości strony.
Nowy wskaźnik największego wyrenderowania treści będzie wkrótce dostępny w raportach Lighthouse. W międzyczasie możesz mierzyć LCP w JavaScriptzie.
Łączny czas blokowania (TBT)
Wskaźnik całkowitego czasu blokowania (TBT) mierzy łączny czas między pierwszym wyrenderowaniem treści (FCP) a czasem do pełnej interaktywności (TTI), w którym wątek główny był zablokowany na tyle długo, że uniemożliwiało to reagowanie na dane wejściowe.
Zadanie jest długie, jeśli jest wykonywane w wątku głównym przez ponad 50 ms. Każda milisekunda powyżej tego czasu jest wliczana do czasu blokowania danego zadania.

Łączny czas blokowania strony to suma czasów blokowania wszystkich długich zadań, które wystąpiły między pierwszym wyrenderowaniem treści (FCP) a czasem do pełnej interaktywności (TTI).

Chociaż parametr Czas do interakcji dobrze określa, kiedy główny wątek staje się mniej obciążony, parametr Łączny czas blokowania służy do ilościowego określenia, jak obciążony jest główny wątek w trakcie wczytywania. W ten sposób TTI i TBT się uzupełniają i zapewniają równowagę.
Skumulowane przesunięcie układu (CLS)
Skumulowane przesunięcie układu (CLS) mierzy stabilność wizualną strony i określa, jak często użytkownicy doświadczają nieoczekiwanych przesunięć układu. Nieoczekiwane przesuwanie treści może być bardzo frustrujące, a te nowe dane pomagają rozwiązać ten problem, podając, jak często występuje on u użytkowników.
Aby dowiedzieć się, jak obliczać i mierzyć zbiorcze przesunięcie układu, zapoznaj się z szczegółowym przewodnikiem.
Nowa formuła obliczania wyniku skuteczności Lighthouse wkrótce odejmie znaczenie wskaźnikom FMP i FCI, a zamiast tego uwzględni 3 nowe wskaźniki: LCP, TBT i CLS, które lepiej odzwierciedlają, czy strona jest użyteczna.

Aby dowiedzieć się więcej, zapoznaj się z ocenianiem wydajności Lighthouse i nową kolekcją danych web.dev.
Zmiana progów danych z pola (CrUX) w PageSpeed Insights
W ciągu ostatniego roku analizowaliśmy wydajność stron internetowych na podstawie danych z pól dotyczących użytkowników Chrome (CrUX). Na podstawie tych danych ponownie oceniliśmy progi, które stosujemy do oznaczania witryn jako „wolnych”, „umiarkowanie wolnych” lub „szybkich” pod względem szybkości działania.

Aby uzyskać ogólną ocenę witryny, PageSpeed Insights (PSI) używa określonego percentyla całkowitej dystrybucji danych polowych jako złotego numeru dla danej witryny. Poprzednie progi były następujące: 90. percentyl dla Pierwszego obrazu treści (FCP) i 95. percentyl dla Pierwszego opóźnienia wejścia (FID).
Jeśli np. rozkład FCP witryny wynosi 50% szybko, 30% średnio i 20% wolno, 90. percentyl FCP znajduje się w sekcji „wolno”, więc ogólny wynik w tym polu dla witryny jest niski.
Zostało to zmienione, aby zapewnić lepszą ogólną dystrybucję w witrynach. Nowy podział:
Dane | Ogólny percentyl | Szybko (ms) | Umiarkowany (ms) | Powolny (ms) |
FCP | 75 centyl | 1000 | 1000-3000 | 3000 lub więcej |
FID | 95 centyl | 100 | 100-300 | 300+ |
Jeśli na przykład rozkład FCP witryny wynosi 50% szybko, 30% średnio i 20% wolno, 75. percentyl FCP mieści się w sekcji średnio, co oznacza, że ogólna punktacja pola dla witryny jest średnia.
Przekierowania na kanoniczny adres URL w PageSpeed Insights
Aby umożliwić Ci jak najdokładniejsze pomiary wrażeń użytkownika, zespół PageSpeed Insights dodał do PSI prośbę o ponowną analizę. W przypadku witryn przekierowanych na nowy adres URL pojawi się prośba o ponowne uruchomienie raportu dotyczącego adresu URL strony docelowej, aby uzyskać pełny obraz rzeczywistej skuteczności.

CrUX w nowym raporcie Szybkość w Search Console
Search Console wprowadziła nowy raport dotyczący szybkości na tydzień przed Chrome Dev Summit. Korzysta on z danych z raportu na temat użytkowania Chrome, aby pomagać właścicielom witryn w identyfikowaniu potencjalnych problemów związanych z wygodą korzystania. Raport dotyczący szybkości automatycznie przypisuje podobne adresy URL do grup zawierających strony szybkie („Fast”), umiarkowane („Moderate”) i wolne („Slow”) oraz pomaga ustalać priorytety usprawnień związanych z konkretnymi problemami.

Almanach internetowy

W otwarciu kongresu ogłosiliśmy uruchomienie Almanachu Internetu, czyli corocznego projektu, który łączy statystyki i trendy dotyczące stanu Internetu z wiedzą społeczności internetowej. W projekcie biorą udział 84 osoby (programiści Chrome i osoby z społeczności internetowej), które dobrowolnie pomagają analizować 20 kluczowych aspektów dotyczących tworzenia, dostarczania i korzystania z witryn internetowych. Zacznij odkrywać Almanach internetowy, aby dowiedzieć się więcej o wydajności, JavaScript i kodzie firm zewnętrznych w internecie.
Więcej informacji
Aby dowiedzieć się więcej o aktualizacjach narzędzi do optymalizacji szybkości z Chrome Developer Summit, obejrzyj wykład na temat ewolucji narzędzi do optymalizacji szybkości: