Jak analizować wydajność strony WordPress przy pomocy Lighthouse i WebPageTest

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

MetrykaCo oznaczaCel
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 Indexwidoczność treści w czasiejak 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?

ProblemRozwiązanie
Długi LCPoptymalizacja obrazów, priorytet hero-image
Wysoki INPredukcja JavaScriptu, opóźnianie skryptów
Wysoki CLSokreślenie wymiarów obrazów, poprawa reklam/iframe
Wysoki TTFBlepszy hosting, cache serwerowy, CDN
Za dużo requestówkonsolidacja CSS/JS, wyłączanie niepotrzebnych pluginów

Najczęstsze błędy przy analizie

❌ 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 🌱


Podsumowanie

NarzędzieZastosowanie
Lighthouseszybki audyt + Core Web Vitals
WebPageTestdogłębna analiza wydajności i sieci

➡ Razem dają pełny obraz kondycji WordPressa.

KROK 1 Z 4

Z CZYM POTRZEBUJESZ POMOCY?