Google PageSpeed Insights – co powie nam narzędzie do badania szybkości strony?

Co to jest Google PageSpeed Insights (PSI)?

Jak wspomnieliśmy we wstępie, PageSpeed Insights to narzędzie od Google, które oferuje możliwość kompleksowego zbadania prędkości dowolnej strony. Możemy zbadać ją dla urządzeń mobilnych oraz komputerów. Narzędzie dostarcza informacji na temat rzeczonej prędkości w ujęciu całego szeregu metryk, a także podsuwa sugestie dotyczące optymalizacji. Jest niezwykle przydatne i warto z niego korzystać w procesie ulepszania strony, zwłaszcza że Google PageSpeed Insights jest narzędziem bezpłatnym.

Jak skorzystać z narzędzia? Wystarczy wejść na stronę: https://pagespeed.web.dev/ i wpisać adres URL wybranej strony. Narzędzie dokona złożonej analizy i przedstawi nam wyniki.

Wykonaliśmy analizę wybranej strony internetowej. Poniżej znajduje się część raportu, który dostarcza PSI. Jak widać, raport jest rozbudowany i określa takie współczynniki jak wydajność, ułatwienia dostępu, sprawdzone metody i SEO. W sekcji Diagnostyka oferuje wskazówki i dokładniejsze objaśnienia. W tejże sekcji dostępna jest możliwość przełączenia się między audytami dotyczącymi określonych metryk lub po prostu wyświetlenie wszystkich naraz.

Najważniejsze metryki PSI

Raport dostarczany przez PSI zawiera zbiór metryk, określających różne aspekty szybkości badanej strony internetowej. Zdecydowanie trzy najważniejsze z nich to CLS, FID i LCP, wchodzące w skład Core Web Vitals. Core Web Vitals to właśnie te trzy metryki, badające jakość strony oraz poziom doświadczenia użytkownika.

LCP - Largest Contentful Paint. Mierzy czas od otworzenia strony do chwili, kiedy największy kawałek treści jest w pełni załadowany i gotowy do wyświetlenia. Optymalny wynik LCP to poniżej 2,5 sekundy. Wynik badanej strony to 3,7 s - czyli do poprawy.

FID - First Input Delay. Mierzy czas od pierwszej interakcji użytkownika (np. kliknięcia) na stronie do momentu, gdy przeglądarka zareaguje na tę interakcję. Optymalny wynik FID to poniżej 100 milisekund. Wynik badanej strony to zaledwie 19 ms, czyli bardzo dobry.

CLS - Cumulative Layout Shift. Sprawdza, jak bardzo niestabilny jest układ strony podczas ładowania. Optymalny wynik CLS to mniejszy niż 0,1. Wynik badanej strony to 0,28 - czyli nieco za wysoki.

Inne metryki wyświetlane przez PSI to m.in.:

FCP - First Contentful Paint. Mierzy czas od rozpoczęcia ładowania strony przez użytkownika do momentu, gdy pierwszy element treści jest wyświetlany w przeglądarce. Optymalny wynik FCP to poniżej 1,3 sekundy. Wynik badanej strony to dokładnie 1,3 s - czyli, powiedzmy, w sam raz.

INP - Interaction to Next Paint. Mierzy reakcję strony na interakcje użytkownika, obserwując opóźnienia kliknięć, dotknięć ekranu i interakcji z klawiaturą, które występują w czasie wizyty na stronie. INP ma docelowo zastąpić FID. Optymalny wynik INP to poniżej 200 milisekund; do 500 wymaga poprawy, a powyżej to poważny sygnał do zmian. Wynik badanej strony to 746 ms, czyli właśnie sygnał do usprawnień.

TTFB - Time to First Byte. Czyli czas do pierwszego bajtu. Mówi, ile czasu upływa od żądania wyświetlenia strony przez użytkownika do momentu odpowiedzi na nie przez serwer. Optymalny wynik TTFB to około 200 milisekund. Wynik badanej strony to 300 milisekund, czyli do zaakceptowania.