PageSpeed Insights (PSI) to narzędzie dla programistów stron internetowych, które pozwala sprawdzić wydajność strony i dowiedzieć się, jak ją poprawić. Wykorzystuje Lighthouse do kontroli strony i znajdowania możliwości poprawy jej skuteczności. Integracja jest też zintegrowana z raportem na temat użytkowania Chrome (CrUX), aby w całości pokazać, jak prawdziwi użytkownicy postrzegają stronę i jej źródło. Z tego przewodnika dowiesz się, jak za pomocą PSI wyodrębniać statystyki z raportu CrUX i lepiej zrozumieć wrażenia użytkowników.
Odczytywanie danych
Aby rozpocząć, wejdź na https://pagespeed.web.dev/, wpisz adres URL strony, którą chcesz przetestować, i kliknij Analizuj.
Po kilku sekundach zostaną przeprowadzone audyty w Lighthouse i zobaczysz sekcje z danymi pochodzącymi z raportu CrUX („Zobacz, czego doświadczają Twoi użytkownicy”) i Lighthouse („Diagnozuj problemy z wydajnością”). Raport CrUX to zbiór doświadczeń użytkowników z terenu, a Lighthouse to kontrolowany test w laboratorium.
W sekcji dotyczącej wrażeń użytkowników dane są pogrupowane według podstawowych wskaźników internetowych i innych ważnych danych. Jako pierwsze wymienione są 3 podstawowe wskaźniki internetowe: największe wyrenderowanie treści (LCP), opóźnienie przy pierwszym działaniu (FID) i skumulowane przesunięcie układu. Po nich znajdują się inne istotne dane: Pierwsze wyrenderowanie treści (FCP), Interakcje do następnego wyrenderowania (INP) i Czas do pierwszego wyrenderowania (TTFB).
Podstawowe wskaźniki internetowe
- LCP mierzy czas, po którym na stronie pojawia się prawdopodobnie główna treść, np. baner powitalny lub nagłówek.
- INP mierzy czas oczekiwania we wszystkich interakcjach użytkownika ze stroną i raportuje 1 wartość, która zawiera wszystkie (lub prawie wszystkie) te interakcje.
- CLS mierzy stopień niestabilności układu strony wynikającej z przesunięć takich jak wstrzykiwanie treści ładowanych asynchronicznie.
Inne ważne dane
- FCP mierzy czas do momentu, aż na pierwszym planie pojawi się jakiś element, np. tekst lub logo.
- TTFB to eksperymentalne dane służące do pomiaru czasu, który upływa od momentu wysłania żądania do zasobu do momentu pojawienia się pierwszego bajtu odpowiedzi.
- Parametr FID – obecnie wycofany i zastąpiony przez INP – mierzy interaktywność strony od pierwszej interakcji użytkownika do momentu, gdy strona na nią zareaguje.
Wartości progowe wskaźników
W tej tabeli opisano, jak wartości tych wskaźników są klasyfikowane jako „dobre”, „wymagające poprawy” lub „słabe”.
Dane | „Dobra” | „Wymagana poprawa” | „0 ms–0 ms” -- | -- | -- | -- LCP | 0–2500 ms | 2500–4000 ms | 4000 ms+ CLS | 0,00–0,10 | 0,10–0,25 | 0,10–0,25 | 0,25+ ms | 0,25+ ms
Podstawowe wskaźniki internetowe to najważniejsze dane, z którymi mogą zapoznać się użytkownicy. Inne dane mogą być używane jako dane diagnostyczne, ale nie muszą być widoczne dla użytkowników. Dlatego te dane nie są brane pod uwagę w ocenie podstawowych wskaźników internetowych, a nieosiągnięcie „dobrego” progu ma znaczenie tylko wtedy, gdy negatywnie wpływa na te wskaźniki.
Informacje o użytkownikach są wyświetlane w PSI na 3 sposoby:
- etykietę z podsumowaniem strony, która zaliczyła podstawowe wskaźniki internetowe.
- centyle mierzone w sekundach lub milisekundach (CLS nie określa jednostek)
- rozkład odzwierciedlający odsetek ocen „dobrych”, „wymagających poprawy” i „złych” jest dostępny po kliknięciu Rozwiń widok w prawym górnym rogu tej sekcji.
Na zrzucie ekranu powyżej strona jest oznaczona jako „spełniająca” podstawowe wskaźniki internetowe. Aby uzyskać pozytywny wynik, centyl musi zostać sklasyfikowany jako „dobry” we wszystkich 3 podstawowych wskaźnikach internetowych. W przeciwnym razie ocena pojawia się jako „niepowodzenie”. Niektóre strony mogą nie mieć wystarczających danych INP. W takim przypadku strony są oceniane na podstawie 2 pozostałych podstawowych wskaźników internetowych.
Percentyle wyświetlane dla wszystkich wskaźników odpowiadają 75 centylowi. W statystykach centyl to miara wskazująca wartość, poniżej której przypada dany odsetek próbek. Na przykład na zrzucie ekranu powyżej widać, że 75 centyl dla FID to 13 ms, co oznacza, że 75% funkcji FID działa szybciej niż 13 ms. Wartości te są oznaczone kolorami zgodnie z tabelą powyżej, gdzie wartości „dobra” są zielone, wartości „wymagana poprawa” – pomarańczowe, a „słabe” – czerwone.
Rozkłady poszczególnych danych są przedstawione za pomocą grupowań „dobra”, „wymagana poprawa” i „słabe”. Na przykład ocena LCP na tej stronie jest „dobra” (poniżej 2, 5 sekundy) w 90% przypadków. FID ma stan „słaby” (co najmniej 300 milisekund) w 1% przypadków. Rozkłady te odzwierciedlają wszystkie wrażenia użytkowników na stronie, a ich kształty wskazują na tendencje do korzystania z treści „dobrych” lub „złych”.
Podsumowanie wydajności źródła
PSI zawiera też podsumowanie wydajności źródła. Jest to zbiór wrażeń użytkowników ze wszystkich stron w witrynie źródłowej. Możesz uzyskać te same statystyki dotyczące całego źródła, które są dostępne w przypadku poszczególnych stron. Te dane są ściśle zgodne z informacjami dostępnymi w BigQuery, ale nie można wykonywać zapytań o skuteczność na poziomie strony.
Występuje jedna główna różnica między danymi na poziomie źródła w PSI a danymi 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 z 202005 r. zawiera wszystkie działania użytkowników, które wystąpiły w maju 2020 r. Z kolei PSI zbiera nowe dane codziennie z ostatnich 28 dni. Dlatego wyniki, które widzisz dzisiaj, mogą się różnić jutro i niekoniecznie będą takie same jak te zagregowane w BigQuery za bieżący miesiąc.
Odpowiedzi, gdy dane adresów URL nie są dostępne w CrUX
Jeśli podany adres URL nie jest dostępny w raportach CrUX, PageSpeed Insights spróbuje użyć w zastępstwie danych na poziomie źródła, jak pokazano poniżej. Aby wyświetlić więcej informacji, kliknij ikonę obok wyłączonego przycisku Ten URL.
Jeśli dane na poziomie źródła nie są również dostępne w CrUX, PSI nie może wyświetlić tej sekcji i zobaczysz komunikat Brak danych. Dane modułu z Lighthouse są nadal dostępne, aby umożliwić Ci oszacowanie wydajności strony.
Najczęstsze pytania
Kiedy należy używać PageSpeed Insights zamiast innych narzędzi?
PSI łączy rzeczywiste dane o wrażeniach użytkowników z raportu CrUX z laboratorową diagnostyką działania Lighthouse. Dzięki temu możesz w jednym miejscu sprawdzić, jak szybko działa strona i jak ją przyspieszyć. Codzienne agregowanie danych terenowych w PSI sprawia, że jest to świetne miejsce do dokładniejszego monitorowania skuteczności źródła lub adresów URL niż narzędzia, które rzadziej agregują dane.
Czy korzystanie z PageSpeed Insights jest ograniczone?
PSI podaje tylko najnowsze dane dzienne, więc niekoniecznie jest widoczny trend w wynikach witryny. W zbiorze danych raportu na temat użytkowania Chrome znajdują się też pewne dane niegroźne, które nie są udostępniane w PSI.
Gdzie znajdę więcej informacji o PageSpeed Insights?
Aby dowiedzieć się więcej, zapoznaj się z dokumentacją PSI.