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), interakcja z kolejnym wyrenderowaniem (INP) i skumulowane przesunięcie układu. Po nich znajdują się inne istotne dane: Pierwsze wyrenderowanie treści (FCP) i Czas do pierwszego bajtu (TTFB).
Core Web Vitals
- LCP mierzy czas, po którym na stronie pojawia się prawdopodobnie główna treść, np. baner powitalny lub nagłówek.
- FID mierzy interaktywność strony od pierwszej interakcji użytkownika do czasu, gdy strona na nią zareaguje.
- CLS mierzy stopień niestabilności układu strony wynikającej z przesunięć takich jak wstrzykiwanie treści ładowanych asynchronicznie.
Inne ważne dane
- INP to oczekujący podstawowy wskaźnik internetowy, który mierzy czas oczekiwania wszystkich interakcji użytkownika ze stroną i raportuje jedną wartość, poniżej której znajdują się wszystkie (lub prawie wszystkie) interakcje.
- 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.
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 | „Dobrze” | „Wymagana poprawa” | „Słaba” |
|---|---|---|---|
| LCP | 0–2500ms | 2500–4000ms | 4000 ms lub więcej |
| FID | 0–100ms | 100–300ms | Ponad 300 ms |
| CLS | 0,00–0,10 | 0,10–0,25 | 0,25+ |
| INP | 0–200ms | 200–500 ms | 500 ms lub więcej |
| FCP | 0–1800ms | 1800–3000 ms | Ponad 3000 ms |
| TTFB | 0–800ms | 800–1800 ms | Ponad 1800 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 poprzednim zrzucie ekranu strona jest oznaczona jako „spełniająca” ocena podstawowych wskaźników internetowych. 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 FID. 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 poprzednią tabelą progową, gdzie wartości „dobra” są zielone, wartości „wymagana poprawa” są 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 zobaczysz dzisiaj, mogą się różnić jutro i niekoniecznie będą takie same jak dane zbiorcze za bieżący miesiąc w BigQuery.
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ć danych na poziomie źródła, jak widać na następnym zrzucie ekranu. 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
Oto niektóre z najczęstszych pytań na temat danych raportu na temat użytkowania Chrome w PageSpeed Insights:
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.