Szybkość ładowania ma ogromny wpływ na SEO, konwersje i doświadczenie użytkownika. Google Lighthouse oraz WebPageTest to dwa najpopularniejsze narzędzia, które pozwolą Ci dokładnie zbadać wydajność strony WordPress i znaleźć elementy do optymalizacji.
W tym poradniku pokażę Ci, jak korzystać z obu narzędzi oraz które wskaźniki są najważniejsze.
Co mierzy Lighthouse?
Google Lighthouse ocenia stronę pod kątem:
Performance — wydajność i szybkość
Accessibility — dostępność dla osób z niepełnosprawnościami
Best Practices — zgodność z dobrymi praktykami webdev
SEO — podstawowe wymogi wyszukiwarki
PWA — funkcje aplikacji progresywnych (opcjonalnie)
Audyt możesz uruchomić:
w DevToolsach przeglądarki Chrome (zakładka Lighthouse)
przez PageSpeed Insights
Najważniejsze wskaźniki Lighthouse
Metryka
Co oznacza
Cel
LCP (Largest Contentful Paint)
czas załadowania głównego elementu na stronie
< 2.5s
FID → INP (Interaction to Next Paint)
czas reakcji na interakcję użytkownika
< 200ms
CLS (Cumulative Layout Shift)
stabilność elementów na stronie (bez przesuwania)
< 0.1
TTFB (Time to First Byte)
czas pierwszej odpowiedzi serwera
< 200ms
Speed Index
widoczność treści w czasie
jak najniższy
✅ Jeśli Performance < 90 – Lighthouse pokaże, co poprawić.
Jak korzystać z WebPageTest?
WebPageTest daje dużo większą kontrolę nad testem:
Możesz wybrać:
lokalizację serwera
rodzaj urządzenia i przeglądarki
przepustowość internetu (np. 4G)
liczbę powtórzeń testów
Najważniejsze, co otrzymasz:
✅ Waterfall Chart – wodospad ładowania zasobów ✅ Core Web Vitals – zgodność z wymaganiami Google ✅ TTFB w realnych warunkach sieciowych ✅ Lokalizacje, które ujawniają problemy cache/CDN
Co analizować w wynikach?
🔍 W Lighthouse:
Optimized Images? → WebP/AVIF
Render-blocking resources? → opóźnienie lub inlining CSS/JS
Unused JS/CSS? → deaktywacja ciężkich wtyczek
Proper caching? → nagłówki Cache-Control
🔍 W WebPageTest:
Czy TTFB jest za wysoki? → hosting, CDN, caching
Czy lazy-loading działa prawidłowo?
Jak długo ładuje się pierwszy request? (DNS, SSL handshake)
Waterfall: które pliki blokują rendering?
Jak poprawiać wyniki w WordPress?
Problem
Rozwiązanie
Długi LCP
optymalizacja obrazów, priorytet hero-image
Wysoki INP
redukcja JavaScriptu, opóźnianie skryptów
Wysoki CLS
określenie wymiarów obrazów, poprawa reklam/iframe
❌ Testowanie w trybie edycji WordPressa (z toolbar) ❌ Porównywanie wyników bez powtarzania testów ❌ Brak testów w różnych lokalizacjach i urządzeniach ❌ Ignorowanie wodospadu z WebPageTest ❌ Używanie jedynie PageSpeed Insights jako wyroczni
Polecany workflow optymalizacyjny
1️⃣ Test w Lighthouse → identyfikacja głównych problemów 2️⃣ Testy w WebPageTest → dokładna diagnostyka zasobów 3️⃣ Optymalizacja obrazów, JS, cache, hosting 4️⃣ Ponowny test po wdrożeniu zmian 5️⃣ Monitorowanie Core Web Vitals w Google Search Console
Powtarzaj cykl co kilka tygodni lub po większych aktualizacjach 🌱