Czego się dowiesz z tego artykułu?

  • Czym jest Google PageSpeed Insights?
  • Co konkretnie sprawdza Google PageSpeed Insights?
  • Jakie rodzaje danych możesz przeanalizować w PageSpeed Insights?
  • Czym jest moduł PagedSpeed dla serwerów Nginx / Apache
  • Jak PageSpeed Insights może Ci pomóc w SEO?

Czym jest Google PageSpeed Insights?

Google PageSpeed to darmowe narzędzie, które pozwoli Ci zoptymalizować swoją stronę pod kątem wymagań wydajności. PageSpeed przeanalizuje Twoją stronę na dwa sposoby (o tym trochę później), a następnie pokaże Ci błędy oraz sposoby eliminacji tych błędów.

Szybkość ładowania strony jest bardzo ważna z punktu widzenia pozyskiwania klientów z Google. To nawet nie chodzi o to, że im szybsza storna, tym wyższe pozycje. Jestem daleki od takich stwierdzań, ale co innego jest tutaj ważne.

Zakładam, że poświęcasz wiele czasu oraz zasobów finansowych, aby pojawiać się w Google. Jeśli Twoja strona ma dobry ruch dzięki pozycjonowaniu lub reklamie w Google Ads, ale jest przy tym wolna, to pieniądze idą dosłownie w błoto.

Każda dodatkowa sekunda w czasie ładowania, to znanie większy odsetek użytkowników, którzy nawet nie wejdą w interakcję z Twoją stroną. Dbanie o szybkość jest koniecznością, nie z punktu widzenia SEO, ale z punktu widzenia całego marketingu i pozyskiwania klientów.

To dlatego Google stworzyło PageSpeed Insights — wyszukiwarka chce pomóc nam w biznesie. Oczywiście jest drugie dno — lepiej działające strony internetowe, to mniejsze zasoby w procesie indeksowania i to najbardziej się dla nich liczy. Nie zmienia to faktu, że przy okazji pomagają też wszystkim biznesom.

Co sprawdza Google PageSpeed Insights?

Google PageSpeed Insights sprawdza wiele elementów związanych działaniem strony i co bardzo ważne: robi to na dwa sposoby.

Po pierwsze, narzędzie to działa na zasadzie zbierania danych laboratoryjnych. Po wpisaniu adresu URL, PageSpeed Insights wchodzi na Twoją stronę i zaczyna test w warunkach symulowanych — takich samych dla każdej strony.

To dlatego mówimy tutaj o danych laboratoryjnych. Mogą się one zmieniać na żywo, na przykład, gdy na bieżąco będziesz poprawiać swoją stronę. Po poprawkach ocena może się zmienić na wyższą.

Drugi rodzaj danych to dane rzeczywiste, które bazują na realnych danych dostarczanych przez Twoich klientów za pośrednictwem przeglądarki Chrome. Osoby wchodzące na Twoją stronę dosłownie je testują w tle i przekazują dane do Google. Szerzej o tym rodzaju danych przeczytasz w dalszej części tego artykułu.

Przejdźmy teraz do analizy danych w Google PageSpeed Insights.

Dane laboratoryjne w Google PageSpeed Insights

Google PageSpeed Insights od początku swojego istnienia wyglądało tak, że test odbywał się w warunkach laboratoryjnych. Co mam tutaj na myśli?

Uproszczając, można powiedzieć, że Google ma na swoich serwerach zainstalowaną przeglądarką Chrome i w chwili gdy wpisujesz swoją stronę — uruchamia Twoją stronę na tym Chrome i wykonuje szereg testów. Na bazie tych testów oblicza wyniki, które są dość teoretycznie i obliczane na bazie wskaźników.

Ten sam test możesz uruchomić na swojej przeglądarce Google Chrome. Wystarczy na danej stronie przejść do narzędzi deweloperskich (F12), przejść do zakładki Lighthouse i kliknąć „Analyze page load”. Po kilku minutach zobaczysz wynik i zobaczysz proces analizy na żywo.

Po wykonaniu analizy zobaczysz ekran z wynikiem i najważniejszymi wskaźnikami. Google opiera ocenę o podstawowe wskaźniki szybkości tzw. Core Web Vitals, które są mocno rozwijane. Mamy cały poradnik na ten temat, dlatego odsyłam do niego: Core Web Vitals.

Na potrzeby tego artykułu wspomnę jedynie o tym, co zobaczysz na pierwszym ekranie:

  • First Contentful Paint — pierwsze wyrenderowanie treści oznacza czas wyrenderowania pierwszego tekstu lub obrazu.
  • Speed Index — Indeks szybkości wskazuje, jak szybko strona zapełnia się widocznymi treściami.
  • Largest Contentful Paint — największe wyrenderowanie treści oznacza czas wyrenderowania największego tekstu lub obrazu.
  • Time to Interactive — czas do pełnej interaktywności to czas, po którym strona staje się w pełni interaktywna. 
  • Total Blocking Time — wyrażona w milisekundach suma wszystkich okresów między pierwszym wyrenderowaniem treści a czasem do pełnej interaktywności, gdy długość zadania przekroczyła 50 ms. 
  • Cumulative Layout Shift skumulowane przesunięcie układu to miara ruchu elementów w widocznym obszarze.
Dane laboratoryjne w Google PageSpeed Insights

Na bazie danych laboratoryjnych powstają też rekomendacje poprawy sytuacji. W zasadzie to dwa panele w PageSpeed Insights, nazwane „Możliwości” oraz „Diagnostyka”, to kopalnia wiedzy o szybkości Twojej strony. Zastosowanie wskazówek z tego miejsca znacząco poprawi szybkość strony. Zadań jest stosunkowo niewiele, ale może się zdarzyć, że będą to trudne zadania — zwłaszcza w dużych serwisach.

Diagnostyka w w Google PageSpeed Insights

Podsumowując dane laboratoryjne w Google PageSpeed Insights — są one tylko częściowe i nie pokazują realnych danych. Mimo wszystko to będą pierwsze, a czasem jedyne dane, jakie zobaczysz. Bez ruchu, danych rzeczywistych nie będzie.

Na początku istnienia strony można bazować tylko na tych danych. Zwłaszcza że narzędzie PageSpeed Insights oprócz pokazania problemów pokaże Ci potencjalne rozwiązania. Dokumentacja Google jest tutaj bardzo rozbudowana.

Dane rzeczywiste w Google PageSpeed Insights

Drugi rodzaj danych to dane dostarczane przez przeglądarki osób, które realnie wchodzą na Twoją stronę. Wszyscy Twoi klienci używający Google Chrome, nieustanie testują Twoją stronę, nawet o tym nie wiedząc.

Chrome wysyła dane do Google o szybkości strony w każdym przypadku jej załadowania. Test odbywa się więc w rzeczywistych warunkach. Co ważne, wyniki tego testu to średnia ze wszystkich wejść. Dwie takie same strony mogą mieć różne wyniki, jeśli będą na nie wchodzić różne osoby.

Wyobraź sobie dwie kopie tej samej strony. Dane laboratoryjne w Google PageSpeed Insights pokażą dokładnie te same wyniki. Natomiast jeśli jedna strona będzie odwiedzana przez osoby posiadające najnowsze urządzenia używające szybkiego internetu, a druga przez starszego typu sprzęt będący w zasięgu powolnego internetu, to obie będą mieć całkiem różne wyniki szybkości.

To ważny wniosek, szybkość strony zależy też od grupy docelowej. Jeśli wiesz, że większość Twoich klientów korzysta z najnowszych urządzeń o dużej mocy obliczeniowej, to szybkość nie będzie aż tak istotna — ich urządzania i tak szybko załadują stronę.

Natomiast, jeśli Twoja grupa docelowa posiada urządzenia leciwe — trzeba pracować nad szybkością strony i optymalizacją pod sprzęt, który może sobie nie poradzić.

W narzędziu Google PageSpeed Insights możesz zobaczyć ogólne informacje na tych danych. Google pokazuje tu uśrednione wyniki na bazie próbek danych pobranych od rzeczywistych użytkowników.

Dane rzeczywiste w Google PageSpeed Insights

Te same dane, tylko podane w inny, bardziej szczegółowy sposób znajdziesz we narzędziu Google Search Console, którego zapewne używasz. Oto kilka przykładów:

Adresy URL (podstrony), a ich szybkość:

Ilość adresów z dobrą, średnią oraz słabą jakością

Wskazówki dotyczące problemów, które należy poprawić, aby uzyskać lepsze wskaźniki jakości.

Google PageSpeed Insights a SEO

Niewątpliwą zaletą narzędzia Google PageSpeed Insights jest to, że pomaga w analizie strony pod kątem jej szybkości. Szybkość jest ważna z punktu widzenia nie tyle SEO, ile całego procesu pozyskiwania klientów z Google.

Szybka strona będzie lepiej realizować cele biznesowe, dlatego warto zadbać o ten aspekt. Narzędzie dostarczy ogromną ilość wskazówek oraz linków do instrukcji, co należy konkretnie poprawić. Ja napiszę tutaj tylko, nad czym należy się koniecznie skupić:

  • Odpowiednia optymalizacja i kompresja grafik.
  • Używanie obrazów w formatach nowej generacji takich jak WebP czy JPEG 2000.
  • Zmniejszenie lub podzielenie kodu JS, który bierze udział w renderowaniu strony.
  • Nieużywanie zbędnego kodu CSS i jego minifikacja.
  • Używanie pamięci podręcznej przeglądarki.
  • Poprawne ładowanie tylko używanych fontów.
  • Rezygnacja z nasłuchiwania niepotrzebnych zdarzeń w JS (np scroll).
  • Możliwe zmniejszenie drzewa DOM.
  • Skrócenie czasu wczytywania skryptów JS.

Moduł PagedSpeed do instalacji na serwerze (Nginx / Apache)

Na koniec chciałbym przedstawić pewne ciekawe narzędzie autorstwa Google. Jest nim moduł serwerowy o nazwie PageSpeed. Przeznaczony jest on dla serwerów używających Nginx oraz Apache.

Na czym polega jego działanie? Mówiąc w skrócie: moduł PageSpeed zajmuje się optymalizacją strony pod narzędzie PageSpeed. Robi to w tle bez konieczności instalacji wtyczek. Działa w zasadzie niezależnie, na wszystkich rodzajach CMSów a nawet stronach, które CMS nie posiadają.

Nie ważne czy używasz WordPress’a, Jooml’i czy sklepu na PrestaShop — ten moduł będzie optymalizował Twoją stronę bez Twojej ingerencji.

Takie rozwiązanie pozwala na serio przyspieszyć stronę w błyskawicznym tempie. Ma jednak kilka istotnych wad:

  • Nie da się go zainstalować na zwykłym hostingu. Potrzebujesz własnego serwera VPS, dedykowanego lub chmurę.
  • Używanie modułu PageSpeed jest banalne, ale jego instalacja wymaga zaawansowanej znajomości administracji serwerów.
  • Narzędzie działa w pełni autonomicznie i nie do końca masz władzę nad optymalizacją pod PageSpeed.
  • Z punku widzenia zarządzania stroną — jest to kolejna warstwa, która ingeruje w kod strony.

Nie jest to rozwiązanie dla wszystkich, ale polecam przynajmniej przetestowanie modułu PageSpeed. Jeśli masz własny serwer i chcesz przyspieszyć swoją stronę — to narzędzie może bardzo Ci pomóc.