PageSpeed Insights ocenia stronę w skali 0–100. Ta liczba nie jest przypadkowa. To wypadkowa kilku mierzalnych wskaźników, które Google oficjalnie bierze pod uwagę przy pozycjonowaniu.
Wbrew pozorom, wysoki wynik PageSpeed nie jest kwestią szczęścia ani specjalnych sztuczek. To efekt konkretnych decyzji podjętych na etapie projektowania strony.
Czym tak naprawdę jest PageSpeed
Google mierzy kilka rzeczy jednocześnie, ale trzy mają największy wpływ na wynik:
- LCP (Largest Contentful Paint) — jak szybko wczytuje się największy element widoczny na ekranie. Cel: poniżej 2,5 sekundy.
- INP (Interaction to Next Paint) — jak szybko strona reaguje na kliknięcia i dotknięcia. Cel: poniżej 200 ms.
- CLS (Cumulative Layout Shift) — czy elementy przeskakują podczas ładowania (to irytujące przesunięcie treści, gdy obraz ładuje się z opóźnieniem). Cel: poniżej 0,1.
Test przeprowadzany jest na urządzeniu mobilnym z symulowanym wolniejszym połączeniem. Dlatego wyniki mobile są zawsze niższe niż desktop.
Dlaczego WordPress osiąga 40–60 punktów
Standardowa instalacja WordPressa ładuje dziesiątki plików CSS i JavaScript przy każdym wejściu na stronę. Każdy plik to osobne zapytanie do serwera. Każde zapytanie kosztuje czas.
Wtyczki dokładają swoje skrypty. Motyw dokłada swoje. Galeria zdjęć ładuje pliki po 2–3 MB, bo nikt nie zadbał o kompresję.
Do tego dochodzi problem serwerów współdzielonych. Większość hostingów za 20–40 zł miesięcznie to maszyny obsługujące setki stron jednocześnie. W godzinach szczytu Twoja strona czeka na zasoby, które są zajęte przez inne serwisy.
Dlaczego statyczne frameworki osiągają 95–100 punktów
Astro, Hugo, Next.js (z pełnym prerenderowaniem) czy Eleventy renderują strony podczas budowania, nie podczas wizyty użytkownika. Serwer nie musi nic obliczać w czasie rzeczywistym. Dostarcza gotowe pliki HTML, CSS i minimalny JavaScript.
Efekt to strona ważąca 80–150 KB zamiast 2–5 MB, czas ładowania poniżej 0,5 sekundy i wynik PageSpeed 95–100. Pracuję na Astro, bo świetnie sprawdza się przy stronach marketingowych i blogach — ale Hugo, Next.js z eksportem statycznym czy Eleventy dają porównywalne wyniki. Wybór frameworku jest tu mniej istotny niż sama decyzja o odejściu od dynamicznego generowania stron.
Kluczowe decyzje techniczne, które to umożliwiają:
- Zerowy JavaScript po stronie klienta dla treści statycznych
- Optymalizacja obrazów w formacie WebP z lazy loadingiem
- Krytyczny CSS inline w nagłówku strony, reszta ładowana asynchronicznie
- Czcionki serwowane lokalnie jako pliki .woff2 zamiast zewnętrznego Google Fonts
- HTTP/2 i kompresja Brotli wbudowane w Cloudflare Pages
Czcionki: często pomijany problem
Google Fonts to wygoda, ale każde zapytanie do zewnętrznego serwera wprowadza opóźnienie. Na stronach, które buduję, czcionki zawsze serwuję lokalnie. To eliminuje jeden z najczęstszych powodów słabego wyniku LCP.
Jak to wygląda w praktyce
Strona nagrobki-krosno.pl, którą wdrożyłem w 2025 roku, osiąga 94 punkty na urządzeniach mobilnych i 99 na desktopie. Strona waży nieco ponad 100 KB i ładuje się w 0,43 sekundy na przeciętnym połączeniu mobilnym.
Dla klientów szukających “nagrobki Krosno” w Google ta szybkość ma bezpośrednie przełożenie na pozycję w wynikach. A wyższa pozycja to więcej telefonów.
Co możesz zrobić z istniejącą stroną
Jeśli masz stronę na WordPressie z wynikiem poniżej 70, najważniejsze kroki to:
- Skompresuj i przekonwertuj zdjęcia do formatu WebP (narzędzie Squoosh działa w przeglądarce, jest bezpłatne)
- Wyłącz wtyczki, których faktycznie nie używasz — każda dokłada JavaScript
- Włącz cache na poziomie serwera
- Przenieś stronę na szybszy hosting
To może poprawić wynik do 70–80 punktów. Wyniki 95–100 są osiągalne tylko na statycznym frameworku z prerenderowaniem. Pracuję na Astro, ale Hugo, Next.js z eksportem statycznym czy Eleventy dają porównywalne wyniki — wybór frameworku jest tutaj mniej istotny niż decyzja o odejściu od dynamicznego generowania stron.
Jeśli chcesz zobaczyć, jak nowa strona wyglądałaby dla Twojej firmy, napisz do mnie. Zrobię darmowy mini-prototyp, który możesz ocenić zanim podejmiesz jakąkolwiek decyzję.