PageSpeed Insights (PSI) to narzędzie dla programistów, które pozwala im poznać skuteczność strony i sposoby jej poprawy. Narzędzie to korzysta z Lighthouse do sprawdzania strony i identyfikowania możliwości poprawy jej skuteczności. Jest też zintegrowany z Raportem na temat użytkowania Chrome (CrUX), aby pokazywać zbiorcze dane o tym, jak użytkownicy korzystają ze strony i jej źródła. Z tego przewodnika dowiesz się, jak używać PSI do uzyskiwania statystyk z raportu CrUX i lepszego poznawania wrażeń użytkowników.
Czytanie danych
Aby rozpocząć, otwórz stronę https://pagespeed.web.dev/, wpisz adres URL strony, którą chcesz przetestować, i kliknij Analizuj.
Po kilku sekundach zostaną przeprowadzone audyt Lighthouse i raporty CrUX („Sprawdź, jak czują się Twoi użytkownicy”) oraz Lighthouse („Diagnoza problemów z wydajnością”). CrUX to zbiór danych o wrażeniach rzeczywistych użytkowników, a Lighthouse to kontrolowany test laboratoryjny.
W sekcji poświęconej wrażeniom użytkowników dane są grupowane według podstawowych wskaźników internetowych i innych istotnych danych. Najpierw wymienione są 3 podstawowe wskaźniki internetowe: największe wyrenderowanie treści (LCP), interakcja do kolejnego wyrenderowania (INP) i skumulowane przesunięcie układu. Kolejne ważne dane to pierwsze wyrenderowanie treści (FCP) i czas do pierwszego bajtu (TTFB).
Core Web Vitals
- LCP mierzy czas, jaki upływa od momentu wyświetlenia strony do momentu wyświetlenia jej głównej zawartości, np. obrazu lub nagłówka.
- INP mierzy interaktywność strony poprzez pomiar czasu oczekiwania na wszystkie interakcje użytkownika ze stroną i podaje jedną wartość, poniżej której znajdują się wszystkie (lub prawie wszystkie) te działania.
- CLS mierzy stopień niestabilności układu na stronie z powodu przesunięć, takich jak wstrzykiwanie treści wczytywanych asynchronicznie.
Inne ważne dane
- FCP mierzy czas, jaki upływa od momentu wyświetlenia strony do momentu wyświetlenia na pierwszym planie elementu, np. tekstu lub logo.
- TTFB to eksperymentalna wartość, która mierzy czas między wysłaniem żądania zasobu a momentem, w którym zaczynają napływać pierwsze bajty odpowiedzi.
Progi danych
Z tabeli dowiesz się, jak wartości tych danych są klasyfikowane jako „dobre”, „wymagające poprawy” lub „słabe”.
| Dane | „Dobrze” | „Wymagana poprawa” | „Niska” |
|---|---|---|---|
| LCP | 0–2500 ms | 2500–4000 ms | Ponad 4000 ms |
| CLS | 0,00–0,10 | 0,10–0,25 | 0,25+ |
| INP | 0–200 ms | 200–500 ms | 500 ms lub więcej |
| FCP | 0–1800 ms | 1800–3000 ms | Ponad 3000 ms |
| TTFB | 0–800 ms | 800–1800 ms | 1800 ms i więcej |
Podstawowe wskaźniki internetowe to najważniejsze dane, które mają bezpośredni wpływ na wrażenia użytkowników. Pozostałe dane mogą służyć do diagnostyki, ale niekoniecznie są one zauważalne przez rzeczywistych użytkowników. Dlatego te dane nie są uwzględniane w ocenie podstawowych wskaźników internetowych, a niespełnianie progów „dobrego” ma znaczenie tylko wtedy, gdy ma negatywny wpływ na podstawowe wskaźniki internetowe.
Wrażenia użytkownika są wyświetlane w PSI na 3 sposoby:
- etykietę podsumowującą, czy strona spełniała czy nie spełniała kryteria oceny podstawowe wskaźniki internetowe.
- wartości 90. percentyla mierzone w sekundach lub milisekundach (CLS jest bezwymiarowa)
- rozkładu przedstawiającego odsetek „dobrych”, „wymagających poprawy” i „słabych” wrażeń, który możesz wyświetlić, klikając Widok szczegółowy w prawym górnym rogu tej sekcji.
Na poprzednim zrzucie ekranu strona została oznaczona jako „spełniająca” ocenę podstawowych wskaźników internetowych. Aby zaliczyć test, odsetek musi być sklasyfikowany jako „dobry” we wszystkich 3 podstawowych wskaźnikach internetowych. W przeciwnym razie ocena będzie miała status „niepowodzenie”. Niektóre strony mogą nie mieć wystarczającej ilości danych INP. W takim przypadku strona jest oceniana na podstawie pozostałych 2 podstawowych wskaźników internetowych.
Centyle wyświetlane dla wszystkich danych odpowiadają 75. percentylowi. W statystyce centyl to miara wskazująca wartość, poniżej której przypada dany odsetek próbek. Na przykład na powyższym zrzucie ekranu widać, że 75. centyl INP wynosi 64 ms, co oznacza, że w 75% przypadków INP jest szybszy niż 64 ms. Wartości te są oznaczone kolorami zgodnie z poprzednią tabelą progów, w której wartości „dobre” są zielone, wartości „wymagające poprawy” są pomarańczowe, a wartości „słabe” są czerwone.
Na koniec rozkłady poszczególnych danych są ilustrowane za pomocą grupowania „dobrze”, „do poprawy” i „słabo”. Na przykład w 90% przypadków LCP na tej stronie jest „dobry” (mniej niż 2, 5 sekundy). INP jest „słaby” (co najmniej 500 ms) w 1% czasu. Te rozkłady reprezentują wszystkie wrażenia użytkowników na stronie, a ich kształty wskazują na tendencję do „dobrych” lub „słabych” wyników.
Podsumowanie skuteczności pochodzenia
PSI zawiera też podsumowanie skuteczności źródła. Jest to agregacja wrażeń użytkowników ze wszystkich stron źródła. Możesz uzyskać te same statystyki dla całego źródła, które są dostępne w przypadku poszczególnych stron. Dane te są bardzo podobne do tych dostępnych w BigQuery, ale wydajność na poziomie strony nie jest dostępna do zapytań.
Dane na poziomie pochodzenia w PSI różnią się od tych w BigQuery. Zbiory danych w BigQuery są publikowane raz w miesiącu i obejmują dane z poprzedniego miesiąca kalendarzowego. Na przykład zbiór danych 202005 zawiera wszystkie interakcje użytkowników, które miały miejsce w maju 2020 r. Z drugiej strony PSI agreguje nowe dane codziennie, obejmując poprzednie 28 dni. Dlatego wyniki, które widzisz dzisiaj, mogą się jutro różnić i niekoniecznie będą takie same jak te, które zobaczysz w BigQuery w zbiorze danych za bieżący miesiąc.
Odpowiedzi, gdy dane adresu URL nie są dostępne w CrUX
Jeśli podany przez Ciebie adres URL jest niedostępny w Chrome UX Report, narzędzie PageSpeed Insights spróbuje użyć danych na poziomie pochodzenia, jak pokazano na następnym zrzucie ekranu. Kliknięcie ikony obok wyłączonego przycisku Ten adres URL spowoduje wyświetlenie dodatkowych informacji.
Jeśli dane na poziomie pochodzenia są też niedostępne w raporcie CrUX, PSI nie może wyświetlić tej sekcji, a Ty zobaczysz komunikat Brak danych. Dane laboratoryjne z Lighthouse są nadal dostępne, aby zapewnić Ci przybliżoną ocenę wydajności strony.
Najczęstsze pytania
Oto kilka najczęstszych pytań dotyczących danych CrUX w PageSpeed Insights:
Kiedy warto używać narzędzia PageSpeed Insights zamiast innych narzędzi?
PSI łączy dane o użytkownikach pochodzące z raportu CrUX z danymi z laboratoryjnej diagnostyki wydajności Lighthouse. Dzięki temu w jednym miejscu możesz sprawdzić, jak szybko wczytuje się dana strona i jak ją przyspieszyć. Dzienne zagregowanie danych polowych w PSI sprawia, że jest to świetne narzędzie do dokładniejszego monitorowania skuteczności pochodzenia lub adresu URL niż narzędzia z rzadszymi agregacjami.
Czy korzystanie z PageSpeed Insights wiąże się z jakimiś ograniczeniami?
PSI zawiera tylko najnowsze dane z poszczególnych dni, więc niekoniecznie będziesz mieć możliwość sprawdzenia, jak zmienia się skuteczność witryny. W zbiorze danych Crux znajdują się też niektóre dane nieistotne, które nie są widoczne w PSI.
Gdzie znajdę więcej informacji o PageSpeed Insights?
Więcej informacji znajdziesz w dokumentacji PSI.