Dlaczego strona wolno się ładuje? Jak sprawdzić, czy wolne działanie witryny powoduje obniżenie sprzedaży? Gdzie sprawdzić, czy agencja SEO dobrze zoptymalizowała moją stronę? Odpowiedzi na wszystkie te pytania może zapewnić PageSpeed Insights, czyli proste, ale wartościowe narzędzie do analizowania szybkości ładowania się strony i jej wydajności.
Zapoznaj się z naszym kompletnym przewodnikiem po PageSpeed Insights oraz przeczytaj case study, które przygotowaliśmy, aby pokazać, jak wykorzystać te informacje w praktyce.
PageSpeed Insights dla zabieganych – wiedza w pigułce
Nie masz czasu czytać całego poradnika? Dlatego najważniejsze informacje o PageSpeed Insights zebraliśmy w kilku punktach.
- PageSpeed Insights to darmowe narzędzie Google do analizy szybkości i wydajności strony.
- Pokazuje zarówno dane z rzeczywistych wizyt użytkowników, jak i wyniki testów laboratoryjnych wykonywanych przez Lighthouse.
- PageSpeed Insights dostępny jest na stronie internetowej https://pagespeed.web.dev/.
- Narzędzie wskazuje takie dane jak:
- Core Web Vitals, czyli LCP, INP i CLS – do oceny szybkości wyświetlania się głównej treści, reakcji strony na działania użytkownika oraz stabilności układu;
- FCP, TTFB, Speed Index i TBT – dostarczają dodatkowych informacji o tym, jak szybko strona zaczyna się wyświetlać, jak odpowiada serwer i czy skrypty nie blokują działania witryny.
- W razie problemów z wydajnością lub szybkością ładowania się strony narzędzie wskazuje, co może powodować niski wynik, np. zbyt ciężkie obrazy, problemy z CSS i JavaScriptem, zasoby blokujące renderowanie.
- Szybkość i wydajność strony to bardzo ważne czynniki rankingowe dla Google.
Co to jest PageSpeed Insights i do czego służy?
PageSpeed Insights to bezpłatne narzędzie Google, które służy do analizy szybkości i wydajności Twojej strony internetowej.
Umożliwia sprawdzenie, jak witryna zachowuje się na urządzeniach mobilnych i komputerach, a następnie wskazuje obszary, które mogą wymagać optymalizacji.
Podczas analizy narzędzie wykorzystuje m.in. testy Lighthouse oraz dane o rzeczywistych doświadczeniach użytkowników.
Dużą zaletą narzędzia jest to, że nie ogranicza się ono do podania samego wyniku punktowego. PageSpeed Insights wskazuje również potencjalne przyczyny problemów z wydajnością, np. zbyt duże obrazy, nieużywany kod JavaScript i CSS, zasoby blokujące renderowanie, wolną odpowiedź serwera czy problemy z pamięcią podręczną.
Z narzędzia warto korzystać np. podczas audytu technicznego strony. Poza tym to także dobre narzędzie do analizy, czy nasz sklep lub strona działają na tyle szybko, aby sprostać oczekiwaniom użytkowników.
To podstawowe narzędzie dla web developerów, specjalistów ds. SEO i marketerów, ale też jest na tyle proste, że każdy właściciel strony może go wykorzystać i wyciągnąć przydatne wnioski.
Jak działa PageSpeed Insights?
PageSpeed Insights analizuje dowolny adres URL. Należy wkleić link w pole tekstowe i kliknąć „Analizuj”, aby już po kilku sekundach uzyskać szczegółowy raport na temat prędkości ładowania się strony i jej wydajności.
Narzędzie jest dostępne na stronie internetowej – https://pagespeed.web.dev/.
Wykorzystuje dwa główne źródła danych – dane z rzeczywistych interakcji użytkowników (Field Data) i dane laboratoryjne (Lab Data).
- Dane z rzeczywistych interakcji użytkowników – pochodzą z Chrome User Experience Report, czyli CrUX i pokazują faktyczne działanie strony na podstawie wizyt użytkowników przeglądarki Chrome z ostatnich 28 dni.
- Dane laboratoryjne (tzw. Lab Data) – generowane przez Lighthouse podczas testu przeprowadzanego w kontrolowanych warunkach, symulowane słabe urządzenie i łącze 4G. Dzięki temu można dowiedzieć się, jak zachowuje się strona w danej chwili podczas testu.
Chcesz przyspieszyć ładowanie swojej strony? W takim razie zapraszamy także do innego naszego artykułu blogowego pt. Szybkość ładowania strony. Sprawdź, jak możesz zmienić ją na lepsze!, w którym dzielimy się kilkoma sprawdzonymi trikami.
Jakie dane analizuje PageSpeed Insights?
PageSpeed Insights tworzy raporty dotyczące działania strony na urządzeniach mobilnych i komputerach. Dane podzielone są na laboratoryjne i pochodzące z rzeczywistych wizyt użytkowników.
Narzędzie ocenia wskaźniki Core Web Vitals, czyli:
- LCP (Largest Contentful Paint) – to czas potrzebny do wyświetlenia największego elementu widocznego na ekranie, np. baneru czy zdjęcia w nagłówku;
- INP (Interaction to Next Paint) – mierzy, jak szybko strona reaguje na działanie użytkownika, np. kliknięcie;
- CLS (Cumulative Layout Shift) – wskazuje, jak nieoczekiwanie przesuwają się elementy strony w trakcie jej działania.
Oprócz Core Web Vitals Page Speed Insights pokazuje także inne ważne wskaźniki, takie jak:
- FCP (First Contentful Paint) – czyli czas pojawienia się pierwszego widocznego elementu na stronie, np. tekstu lub obrazu;
- TTFB (Time to First Byte) – czas od wysłania żądania do momentu, w którym zaczynają napływać pierwsze bajty odpowiedzi z serwera; pomaga ocenić m.in. szybkość odpowiedzi serwera);
- Speed Index – pokazuje, jak szybko widoczna część strony zostaje wypełniona treścią;
- TBT (Total Blocking Time) – mierzy całkowity czas, w trakcie którego skrypty blokują główny wątek przeglądarki, przez co dochodzi do spowolnienia reakcji witryny.
Narzędzie analizuje też konkretne elementy techniczne odpowiedzialne za wydajność witryny. Sprawdza m.in.:
- rozmiar obrazów,
- sposób ładowania CSS i JavaScriptu,
- zasoby blokujące renderowanie,
- wykorzystanie pamięci podręcznej,
- odpowiedź serwera,
- skrypty zewnętrzne,
- fonty,
- strukturę DOM.
Jak analizować dane z PageSpeed Insights?
PageSpeed Insights prezentuje wyniki liczbowe i wykorzystuje trzy kolory ułatwiające ich interpretację:
- zielony – oznacza, że badany wskaźnik lub cała strona mieści się w zalecanym przedziale;
- pomarańczowy – wskazuje, że wynik jest akceptowalny, ale warto zadbać o jeszcze dodatkową optymalizację, która zwiększy wydajność witryny lub przyspieszy czas ładowania się strony;
- czerwony – to wyraźna wskazówka, że czas na interwencję i poprawę wydajności strony.
Przygotowaliśmy też krótką ściągawkę, która wskaże, ile powinny wynosić prawidłowe wyniki wskaźników mierzonych przez PageSpeed Insights:
- LCP – najlepiej, aby wynik był ≤ 2,5 s;
- INP – dobry wynik wynosi ≤ 200 ms;
- CLS – zalecany wynik to ≤ 0,1;
- FCP – wynik powinien wynosić ≤ 1,8 s;
- TTFB – najlepiej, aby wynik był ≤ 0,8 s;
- Speed Index – zalecany jest wynik ≤ 3,4 s;
- TBT – prawidłowy wynik wynosi do 200 milisekund.
PageSpeed Insights w praktyce krok po kroku. Case study
Spójrzmy teraz, jak działa PageSpeed Insights w praktyce. Jako przykład do analizy wykorzystaliśmy wszystkim dobrze znany sklep Ikea.pl.
Sprawdźmy, czego dowiedzieliśmy się na temat wydajności sklepu w Page Speed Insights.
Krok 1. – Wpisz link do strony i poczekaj na analizę
Zacznij od wpisania adresu strony w pole tekstowe i kliknij „Analizuj”.
W naszym przypadku wpisaliśmy adres URL ikea.pl. Odczekaliśmy chwilę, aż narzędzie utworzyło raport do dalszej interpretacji, którą wykonaliśmy krok po kroku.
Krok 2. – Przeanalizuj wrażenia użytkowników
Pierwsza część raportu pokazuje rzeczywiste wrażenia użytkowników korzystających ze strony.
Co ciekawe, do analizy wykorzystywane zostały realne dane z Chrome User Experience Report (CrUX), czyli publicznej bazy danych Google, która gromadzi anonimowe informacje o rzeczywistych doświadczeniach użytkowników z ostatnich 28 dni.
Page Speed Insights zapewniło nam następujące wskaźniki:
- LCP – Ikea osiągnęła wynik na poziomie 1,5 s, czyli tyle czasu potrzeba było na wyświetlenie największego widocznego elementu treści; to bardzo dobry wynik, bo za górną granicę dobrego wyniku uznaje się 2,5 s;
- INP – wynik na poziomie 144 ms również jest bardzo dobry, bo wskazuje, jak szybko strona reaguje na działania użytkownika, np. kliknięcie przycisku, wynik jest niższy od zalecanego maksymalnego poziomu 200 ms;
- CLS – rezultat na poziomie 0,01 jest bardzo niski, co oznacza, że układ strony pozostaje stabilny podczas wczytywania;
- FCP – wynosi 1 s, czyli tyle czasu użytkownik musi czekać, aby zobaczyć pierwszy element na stronie, to dobry wynik, zalecane jest trzymanie się granicy do 1,8 s;
- TTFB – narzędzie wskazuje na 0,4 s, ważne jest to, aby ten rezultat nie wzrósł do 0,8 s i więcej.
Krok 3. – Sprawdź problemy z wydajnością w warunkach laboratoryjnych
Kolejna część raportu PageSpeed Insights pozwala sprawdzić wydajność strony w warunkach laboratoryjnych. W przeciwieństwie do danych z poprzedniego kroku nie są to wyniki zebrane od rzeczywistych użytkowników, lecz rezultat testu przeprowadzonego przez Lighthouse w kontrolowanych warunkach.
PageSpeed Insights tworzy podsumowania 5 audytów Lighthouse.
- Wydajność – ocenia, jak szybko treść się ładuje i jak płynnie strona reaguje na kliknięcia.
W tym przypadku ogólny wynik wydajności dla sklepu IKEA wyniósł 56/100. PageSpeed Insights oznaczył go kolorem pomarańczowym, co wskazuje, że kilka aspektów można jeszcze poprawić.
Co ciekawe, wyniki laboratoryjne znacząco różnią się od tych uzyskanych na podstawie rzeczywistych wrażeń użytkowników. Na przykład LCP wcześniej wskazywał na 1,5 s, a w danych laboratoryjnych wynosi 18,7 s.
Skąd taka różnica?
- Po pierwsze dane rzeczywiste dotyczą pomiarów od prawdziwych użytkowników jedynie z ostatnich 28 dni. Wielu z nich korzysta z nowoczesnych smartfonów lub komputerów oraz ma dostęp do wydajnych sieci Wi-Fi. Być może też część z nich często odwiedza sklep, więc niektóre elementy na stronie mogą mieć już zapisane w pamięci cache przeglądarki, a to przyspiesza proces wczytywania.
- Po drugie test laboratoryjny ma pokazać wyniki w ograniczonych warunkach. Symuluje on wejście być na słabszym, budżetowym telefonie lub sprzęcie ze spowolnionym procesorem oraz przy ograniczonej prędkości sieci mobilnej.
Dlatego należy analizować oba raporty. Gdyż dane rzeczywiste pokazują faktyczne doświadczenia większości Twoich obecnych klientów, podczas gdy test laboratoryjny obnaża ukryte błędy optymalizacyjne i to, jak strona zachowa się, gdy odwiedzi ją użytkownik ze słabszym sprzętem.
- Ułatwienia dostępu – wskazuje na dostępność strony dla osób niepełnosprawnych, np. słabowidzących korzystających z czytników ekranu.
W tym przypadku strona IKEA uzyskała maksymalne 100 punktów.
- Sprawdzone metody – dotyczą zgodności z dobrymi praktykami programistycznymi i bezpieczeństwa, np. bezpieczne połączenie HTTPS.
W tym przypadku również strona uzyskała 100 pkt.
- SEO – analizuje jakość podstawowej, technicznej optymalizacji strony, która jest ważna dla wyszukiwarki Google.
Strona przeszła sprawdzane przez Lighthouse testy, uzyskała 100 pkt.
- Przeglądanie agentowe – sprawdza elementy związane z możliwością odczytywania strony i interakcji z nią przez agentów AI, np. plik robots.txt, czy blokuje roboty wyszukiwarek, oraz czy strona jest czytelna dla agentów AI.
W przypadku strony IKEA widzimy, że uzyskała maksymalny wynik 2/2.
Krok 4. – Przejrzyj, jak poprawić wydajność strony
Page Speed Insights wskazuje też, które elementy można poprawić, aby zwiększyć wydajność strony.
Warto przełączyć na wybrany wskaźnik, np. FCP, aby otrzymać konkretne wskazówki, umożliwiające poprawę uzyskanego wyniku.
Krok 5. – Sprawdź wyniki dla komputerów i urządzeń mobilnych
Narzędzie automatycznie wskazuje dane na temat czasu ładowania się strony i jej wydajności na komórkach. Jednak ważne jest to, aby przeanalizować wszystkie wyżej wymieniane wskaźniki także dla komputerów stacjonarnych.
Wystarczy kliknąć zakładkę „Stacjonarny”.
Czy wynik PageSpeed Insights wpływa na pozycję w Google?
Tak, Google potwierdziło, że wskaźniki Core Web Vitals należą do jednych z ważniejszych czynników rankingowych wpływających na pozycję strony w wynikach wyszukiwania.
Szybkość ładowania się strony jest także bardzo ważna dla użytkowników. Zbyt wolna strona obniża renomę firmy, utrudnia dotarcie do oferty, a często też sprawia, że użytkownik ją wyłącza i przechodzi do konkurencji.
Oznacza to, że szybkie i responsywne, czyli dopasowane do każdej wielkości ekranu, strony są nie tylko lepiej oceniane przez potencjalnych klientów, a wręcz wymagane.
Użytkownicy przyzwyczaili się do tego, że nie muszą czekać. Dlatego, jeśli Twoja strona notuje słabe wyniki podczas analizy w PageSpeed Insights, czas na dokładny przegląd witryny – chętnie w tym pomożemy i wykonamy szczegółowy audyt SEO.
🚀Podsumowanie: PageSpeed Insights – kompletny poradnik
PageSpeed Insights to darmowe i łatwe w obsłudze narzędzie od Google, które pozwala szybko sprawdzić, wydajność strony i elementy, które mogą ją ograniczać.
Najważniejszych informacji dostarczają wskaźniki Core Web Vitals, które mają wpływ na efekty pozycjonowania strony w wyszukiwarce Google.
Page Speed Insights analizuje dane z dwóch źródeł – rzeczywistych i laboratoryjnych. Te pierwsze pokazują doświadczenia użytkowników z okresu 28 dni, natomiast test Lighthouse pozwala wykryć problemy, które mogą ujawnić się np. na słabszym urządzeniu lub przy wolniejszym połączeniu.
PageSpeed Insights sprawdzi się nie tylko podczas jednorazowego audytu. Warto wracać do niego po zmianach na stronie, aktualizacji szablonu, dodaniu nowych skryptów czy optymalizacji obrazów i porównywać kolejne wyniki.
FAQ
Do czego służy PageSpeed Insights?
Page Speed Insights służy do analizy szybkości i wydajności strony internetowej. Narzędzie pokazuje m.in. wskaźniki Core Web Vitals oraz problemy techniczne, które mogą spowalniać witrynę. Dzięki temu można łatwiej wskazać elementy wymagające optymalizacji, np. obrazy, JavaScript, CSS czy sposób działania serwera.
Czy PageSpeed Insights jest darmowy?
Tak, PageSpeed Insights jest bezpłatnym narzędziem Google. Wystarczy przejść na stronę https://pagespeed.web.dev/ i w pole tekstowe wpisać adres analizowanej strony.
Jak sprawdzić szybkość strony w PageSpeed Insights?
Należy przejść do PageSpeed Insights, wkleić adres URL i rozpocząć analizę. Po kilku chwilach narzędzie pokaże dane laboratoryjne i z rzeczywistych wizyt użytkowników. Najważniejsze wskaźniki to LCP, INP, CLS, FCP i Speed Index. W dalszej części raportu znajdują się również zalecenia dotyczące optymalizacji.
Czy warto testować tylko stronę główną w PageSpeed Insights?
Nie, najlepszym rozwiązaniem będzie analizowanie zarówno strony głównej, jak i najważniejszych podstron. Pozwala to wykryć problemy występujące tylko w obrębie danej podstrony. To szczególnie ważne, gdy zamierzamy ją pozycjonować.
Czy wynik PageSpeed Insights wpływa na SEO?
Tak, w PageSpeed Insights widoczne są wyniki wskaźników Core Web Vitals, które wpływają na widoczność strony w wynikach wyszukiwania Google.
Warto poprawiać wydajność strony także po to, aby podnieść doświadczenia użytkowników, którzy przywykli do szybkoładujących się witryn.
Jak szybko poprawić wynik PageSpeed Insights?
Zazwyczaj najszybsze efekty umożliwia optymalizacja techniczna, np. kompresja obrazów, ograniczenie nieużywanego CSS i JavaScriptu, usunięcie zasobów blokujących renderowanie oraz poprawa cache. Pomocny w optymalizacji może być specjalista ds. SEO, a czasem także programista.
Źródła:
- https://developers.google.com/speed/docs/insights/v5/about?hl=pl
- https://web.dev/articles/defining-core-web-vitals-thresholds?hl=pl
- https://developers.google.com/search/docs/appearance/core-web-vitals?hl=pl.
