Narzędzie PageSpeed Insights wyświetla informacje o rzeczywistej wydajności strony lub origin na urządzeniach mobilnych i komputerach oraz podpowiada, jak można ją ulepszyć podczas analizowania pojedynczej strony.
Wynik szybkości
Aby wyświetlić rzeczywiste dane o wydajności strony lub origin, PageSpeed Insights wykorzystuje dane z Raportu na temat użytkowania Chrome. PSI rejestruje 2 metrics: First Contentful Paint (FCP) i DOMContentLoaded (DCL).
Mediana poszczególnych danych (FCP lub DCL) jest porównywana ze wszystkimi stronami monitorowanymi w raporcie na temat użytkowania Chrome. Każdy rodzaj danych ma przypisaną kategorię, zależną od jego miejsca w rozkładzie:
- Szybkość: mediana wartości danych jest w najkrótszej trzeciej wartości wczytywania stron.
- Powolne: mediana tych danych znajduje się w najwolniejszej tercji czasu wczytywania wszystkich stron.
- Średnia: mediana wartości danych znajduje się w środkowej trzeciej części wszystkich stron.
Ogólny wynik szybkości jest obliczany na podstawie kategorii poszczególnych danych:
- Szybkość: jeśli wszystkie dane na stronie/origin są szybkie.
- Wolna: jeśli któreś z danych strony/origin to Powolne.
- Średnia: wszystkie pozostałe przypadki.
Rozkład wczytywania strony
Sekcja Rozkład wczytywania strony przedstawia rozkład danych FCP i DCL w zbiorze danych CrUX.
- Origin: zbiorcze dane o szybkości wszystkich stron wyświetlonych z tego źródła (origin).
- Strona: dane o szybkości pojedynczej strony.
Rozkład danych jest podzielony na 3 kategorie: Szybka (górna tercja), Średnia (środkowa tercja) i Wolna (dolna trzecia część). Rozkład jest aktualizowany codziennie.
Wynik optymalizacji
PageSpeed Insights przekazuje informacje o optymalizacji tylko podczas analizy pojedynczej strony.
PSI ocenia, na ile strona jest zgodna z typowymi sprawdzonymi metodami dotyczącymi wydajności, i oblicza wynik w przedziale od 0 do 100, który szacuje potencjał w zakresie wydajności. Ocenia, czy strona może poprawić swoją skuteczność w 2 obszarach:
- czas do wczytania części strony widocznej na ekranie: czas, który upływa od momentu, gdy użytkownik wysyła żądanie nowej strony do momentu wyrenderowania części strony widocznej na ekranie przez przeglądarkę.
- czas pełnego wczytania strony: czas, który upływa od momentu, gdy użytkownik wysyła żądanie nowej strony do momentu, gdy strona zostanie w pełni wyrenderowana przez przeglądarkę.
Wynik może być Dobry, Średni lub Niski. W obliczeniach zakłada się, że programista chce zachować aktualny wygląd i funkcje strony.
- Dobra: na stronie stosuje się większość sprawdzonych metod dotyczących skuteczności i jest mało prawdopodobne, aby można było przeprowadzić dalszą optymalizację. Strona ma wynik 80 lub więcej.
- Średnia: na stronie brakuje niektórych typowych optymalizacji skuteczności, a możliwości optymalizacji są średnie. Ocena strony może wynosić od 60 do 79.
- Niska: strona nie jest zoptymalizowana, a jej możliwości optymalizacji są dość duże. Ocena strony może wynosić od 0 do 59.
Wynik optymalizacji to prognoza, która określa pole manewru skuteczności strony. Strona, która działa wolno, może mieć wysoki wynik optymalizacji, ponieważ ma niski współczynnik zasobów blokujących renderowanie w stosunku do łącznej liczby zasobów wykorzystywanych przez stronę. Z drugiej strony szybka strona może mieć niski wynik optymalizacji, ponieważ zawiera dużą liczbę zasobów blokujących renderowanie w porównaniu z całkowitą liczbą zasobów.
Statystyki strony
W tej sekcji opisano przebiegów w obie strony wymagane do wczytania zasobów blokujących renderowanie na stronie, łączną liczbę bajtów używanych przez stronę oraz ich porównanie z medianą liczby przebiegów w obie strony i bajtów używanych w zbiorze danych. Może wskazać, czy strona może działać szybciej, zmieniając jej wygląd i funkcje.
Wskazówki optymalizacyjne
Oto lista sprawdzonych metod, które można zastosować na tej stronie. Jeśli strona jest szybka, te sugestie są domyślnie ukryte, ponieważ znajduje się już w górnej trzeciej części wszystkich stron w zbiorze danych, a dalsze wprowadzanie ulepszeń prawdopodobnie nie będzie konieczne.
Ponieważ wydajność połączenia sieciowego znacznie się zmienia, optymalizacja uwzględnia niezależne od sieci aspekty wydajności strony: konfigurację serwera, strukturę HTML strony oraz wykorzystanie przez nią zasobów zewnętrznych, takich jak obrazy, JavaScript i CSS. Wdrożenie sugestii powinno poprawić względną skuteczność strony. jednak wydajność bezwzględna wciąż pozostanie zależna od połączenia sieciowego użytkownika.
Na szybkość przetwarzania mają wpływ różne czynniki, ale 2 z nich są najważniejsze:
- Blokowanie przejazdów w obie strony renderowania : przejazdy w obie strony wymagane do dostarczenia zasobów blokujących renderowanie. Jeśli większość zasobów strony zawiera blokowanie renderowania, PageSpeed Insights uzna, że strona ma duży potencjał optymalizacji. W celu optymalizacji deweloper może zbadać reguły Unikanie przekierowań stron docelowych, Eliminowanie kodu JavaScript i CSS blokujące renderowanie, Wykorzystanie pamięci podręcznej przeglądarki, Nadawanie priorytetu widocznej treści i Kracanie czasu reakcji serwera.
- Rozmiar odpowiedzi: łączny rozmiar odpowiedzi z uwzględnieniem głównych zasobów HTML i wszystkich zasobów podrzędnych. Jeśli większość treści odpowiedzi można wyeliminować przez kompresję lub minifikację, PageSpeed Insights uzna, że strona ma duży potencjał optymalizacji. Deweloper może sprawdzić reguły Włącz kompresję, Zmniejszanie zasobów i Optymalizuj obrazy pod kątem optymalizacji.
Pytania?
Jeżeli masz pytania o PageSpeed Insights, zajrzyj do sekcji Najczęstsze pytania lub opublikuj wiadomość w ramach grupy dyskusyjnej.