Google Lighthouse: co to jest i jak pracować z nim w 2026 roku

Google Lighthouse to darmowe narzędzie Google, które automatycznie ocenia Twoją stronę w czterech kategoriach: Performance, Accessibility, Best Practices i SEO — każda w skali 0–100. W 2026 roku Lighthouse jest wbudowany w Chrome DevTools, dostępny przez PageSpeed Insights i łatwo integruje się z CI/CD. W tym przewodniku wyjaśniamy, co oznaczają wszystkie wskaźniki, jak uruchomić audyt, czytać raport i naprawiać najczęstsze problemy.

Co to jest Google Lighthouse

Google Lighthouse to darmowe, open-source’owe narzędzie Google do automatycznego audytu jakości stron internetowych. Przeprowadza serię kontroli na wskazanej stronie i generuje szczegółowy raport z wynikami punktowymi i priorytetowymi zaleceniami dotyczącymi poprawy.

Lighthouse pojawił się w 2016 roku jako rozszerzenie Chrome. Od 2018 roku jest wbudowany bezpośrednio w Chrome DevTools. Dziś jest projektem open-source na GitHubie, napędza dane za PageSpeed Insights i Google Search Console oraz jest używany jako podstawa automatycznych kontroli jakości w setkach firm na całym świecie.

Kluczową zaletą Lighthouse jest to, że nie tylko pokazuje „zły wynik” — wyjaśnia dlaczego jest zły i podaje konkretny szacowany zysk czasowy dla każdej poprawki.

4 kategorie audytu Lighthouse

Każdy raport Lighthouse obejmuje cztery niezależne kategorie. Niski wynik SEO nie wpływa na wynik Performance i odwrotnie.

1. Performance (Wydajność)

Najważniejsza kategoria dla SEO. Mierzy szybkość ładowania strony i responsywność poprzez 6 metryk:

• LCP (Largest Contentful Paint) — czas pojawienia się największego elementu (obraz, nagłówek). Cel: ≤ 2,5 s.
• INP (Interaction to Next Paint) — czas odpowiedzi na kliknięcie lub naciśnięcie klawisza. Cel: ≤ 200 ms. Zastąpił FID w 2024 r.
• CLS (Cumulative Layout Shift) — stabilność wizualna: jak bardzo elementy przesuwają się podczas ładowania. Cel: ≤ 0,1.
• FCP (First Contentful Paint) — czas pojawienia się pierwszego elementu na ekranie. Cel: ≤ 1,8 s.
• TBT (Total Blocking Time) — łączny czas blokowania głównego wątku przez JavaScript. Cel: ≤ 200 ms.
• Speed Index — jak szybko wypełnia się widoczna część strony. Cel: ≤ 3,4 s.

LCP, INP i CLS razem tworzą Core Web Vitals — oficjalne sygnały jakości strony od Google, uwzględniane w algorytmie rankingowym.

2. Accessibility (Dostępność)

Ta kategoria sprawdza, czy Twoja strona jest użyteczna dla osób z niepełnosprawnościami — słabowidzących, użytkowników czytników ekranu, osób korzystających tylko z klawiatury. Kontroluje: atrybuty alt obrazków, kontrast tekstu, poprawne etykiety aria, hierarchię nagłówków, fokusowanie elementów interaktywnych. Wysoki wynik Accessibility to też pośredni sygnał SEO — semantyczny markup pomaga Google lepiej rozumieć strukturę strony.

3. Best Practices (Najlepsze praktyki)

Sprawdza kondycję techniczną strony: HTTPS, brak luk w bibliotekach JavaScript, przestarzałe API (np. document.write), błędy w konsoli przeglądarki, nagłówki Content Security Policy. Wysoki wynik oznacza, że strona jest bezpieczna, nowoczesna i technicznie aktualna.

4. SEO

Podstawowa techniczna checklista SEO dla strony: obecność i poprawność tagów title i meta description, dyrektyw robots, canonical, hreflang, rozmiar czcionki dla urządzeń mobilnych, dane strukturalne, stan robots.txt. Uwaga: Lighthouse SEO to techniczna checklista dla jednej strony, nie pełny audyt SEO witryny.

5 sposobów uruchomienia Google Lighthouse

1. Chrome DevTools (najszybsza opcja)

Otwórz Chrome, przejdź na wybraną stronę, naciśnij F12 lub Ctrl+Shift+I (Mac: Cmd+Option+I). Przejdź do zakładki Lighthouse, wybierz kategorie i urządzenie (Mobile / Desktop), kliknij Analyze page load. W 30–60 sekund masz pełny raport bezpośrednio w przeglądarce.

Wskazówka: uruchamiaj audyt w trybie incognito (Ctrl+Shift+N), by rozszerzenia przeglądarki nie zaburzały wyników.

2. PageSpeed Insights

Przejdź na pagespeed.web.dev, wpisz URL i kliknij Analizuj. PageSpeed Insights łączy dane laboratoryjne Lighthouse z rzeczywistymi danymi z Chrome UX Report (CrUX). To tutaj Google odczytuje Twoje Core Web Vitals na potrzeby rankingu. Dla audytu SEO PSI jest najważniejszym narzędziem.

3. Rozszerzenie Lighthouse dla Chrome

Zainstaluj oficjalne rozszerzenie Lighthouse z Chrome Web Store. Dodaje przycisk do paska narzędzi — jedno kliknięcie i masz wyniki bez otwierania DevTools. Wygodne dla marketerów i właścicieli stron, którzy nie chcą zagłębiać się w panel deweloperski.

4. Lighthouse CLI

Dla deweloperów i automatyzacji. Instalacja i uruchomienie:

npm install -g lighthouse
lighthouse https://example.com --output=html --output-path=raport.html

CLI obsługuje generowanie raportów HTML, JSON i CSV, niestandardowe pliki konfiguracyjne, wybór konkretnych kategorii i emulację różnych urządzeń.

5. Lighthouse CI (dla zespołów)

Lighthouse CI to rozwiązanie do integracji audytu w pipeline CI/CD (GitHub Actions, GitLab CI, CircleCI). Pozwala automatycznie uruchamiać kontrole przy każdym pull requeście i ustawiać progi — np. „nie merguj kodu, jeśli Performance Score spadnie poniżej 85″. To standard dla zespołów poważnie traktujących Core Web Vitals.

Jak czytać raport Lighthouse

Po zakończeniu audytu Lighthouse pokazuje 4 koła z wynikami. Pod nimi znajduje się szczegółowa lista kontrolna pogrupowana według kategorii. Każdy punkt audytu ma jeden z trzech stanów:

• 🟢 Passed audits — wszystko w porządku.
• 🟠 Opportunities — konkretny potencjalny zysk czasu ładowania (np. „Serwuj obrazy w formatach nowej generacji: oszczędność 2,1 s”).
• 🔴 Diagnostics — potencjalny problem wpływający na wynik.

Przykład prawdziwego audytu Lighthouse

Oto jak wygląda prawdziwy raport Lighthouse na przykładzie spilnoagency.com.ua/blog — i co oznacza każda jego część:

Pierwszy ekran po zakończeniu audytu — 4 kółka z ocenami: Performance 59 (pomarańczowy — wymaga pracy), Accessibility 92 (zielony — dobrze), Best Practices 58 (pomarańczowy), SEO 100 (zielony — idealnie). Od tych 4 liczb zaczyna się każdy audyt technicznego SEO.

Rozwinięty blok metryk Performance: FCP 2.5s — pierwszy element na ekranie; LCP 2.5s — główny element treści; TBT 433ms — czas blokowania głównego wątku; CLS 0.019 — stabilność układu; Speed Index 0.4s — jak szybko wypełnia się widoczny obszar. Kolor zielony oznacza wartości w normie, pomarańczowy — wymagające uwagi.

Sekcja Opportunities & Diagnostics zawiera konkretne rekomendacje z szacowanym zyskiem czasowym. Widać tu: nieoptyymalizowane obrazy, skrypty blokujące renderowanie i nieużywany CSS. To jest mapa drogowa optymalizacji — zacznij od pozycji z największymi oszczędnościami czasu.

Od czego zacząć naprawę? Zacznij od Opportunities z największym szacowanym zyskiem w sekundach — Lighthouse sortuje je według wpływu. Przejdź do Diagnostics dopiero po naprawieniu największych problemów.

Core Web Vitals w Lighthouse

Core Web Vitals to trzy metryki, które Google wyznaczył jako kluczowe wskaźniki jakości doświadczenia użytkownika. Od 2021 roku są oficjalnym sygnałem rankingowym (Google Page Experience).

• LCP (Largest Contentful Paint): ≤ 2,5 s — dobry; 2,5–4 s — wymaga poprawy; > 4 s — słaby. Zwykle jest to główny obraz, wideo lub duży blok tekstu.
• INP (Interaction to Next Paint): ≤ 200 ms — dobry; 200–500 ms — wymaga poprawy; > 500 ms — słaby. Mierzy opóźnienie odpowiedzi na kliknięcia.
• CLS (Cumulative Layout Shift): ≤ 0,1 — dobry; 0,1–0,25 — wymaga poprawy; > 0,25 — słaby. Przyciski i tekst „skaczące” podczas ładowania.

Ważne: Lighthouse mierzy CWV w warunkach laboratoryjnych (test syntetyczny). Rzeczywiste dane CWV sprawdzaj w PageSpeed Insights lub Google Search Console → Core Web Vitals.

Jak poprawić wynik Performance

Najskuteczniejsze działania zwiększające wynik Performance, posortowane według wpływu:

1. Optymalizuj obrazy. Konwertuj do WebP/AVIF, kompresuj bez widocznej utraty jakości, podawaj atrybuty width i height, używaj loading="lazy" dla obrazów poniżej linii widoczności. Lighthouse wskaże dokładnie, które obrazy są najcięższe.
2. Eliminuj zasoby blokujące renderowanie. Skrypty ładuj z atrybutem defer lub async, CSS krytyczny wstawiaj inline, odkładaj niekrytyczne arkusze stylów.
3. Włącz buforowanie przeglądarki. Ustaw nagłówki Cache-Control dla zasobów statycznych (JS, CSS, obrazy) — minimum 1 rok dla plików wersjonowanych.
4. Skróć czas odpowiedzi serwera (TTFB). Używaj CDN, buforowania po stronie serwera (Redis, LiteSpeed Cache dla WordPress), optymalizuj zapytania do bazy danych.
5. Zmniejsz rozmiar JavaScriptu. Usuń nieużywany kod (tree shaking), dziel bundle na części (code splitting), sprawdzaj ciężkie skrypty zewnętrzne (analytics, live chat, mapy).
6. Napraw CLS. Podawaj wymiary obrazów i wideo (by przeglądarka rezerwowała miejsce przed załadowaniem), unikaj dynamicznego wstawiania treści powyżej linii widoczności.

Jak poprawić wynik SEO w Lighthouse

Wynik SEO 100 jest stosunkowo łatwy do osiągnięcia w porównaniu z Performance. Najczęstsze przyczyny niskiego wyniku i sposoby naprawy:

• Brak lub zbyt krótki meta description → dodaj unikalny opis 120–160 znaków.
• Brak lub niepoprawny tag title → każda strona musi mieć unikalny tytuł 50–60 znaków.
• Strona zablokowana przez robots.txt lub noindex → sprawdź dyrektywy; indeksowane strony nie powinny ich mieć.
• Za mały rozmiar czcionki na urządzeniach mobilnych (poniżej 12 px) → ustaw minimalny rozmiar tekstu 14–16 px.
• Linki z nieopisowym tekstem kotwicy („tutaj”, „więcej”) → zastąp semantycznym tekstem opisującym cel.
• Obrazy bez atrybutu alt → dodaj opisowy alt dla wszystkich znaczących obrazów.
• Brak hreflang dla stron wielojęzycznych → wymagany dla witryn obsługujących wiele wersji językowych.

Co nowego w Lighthouse w 2026 roku

• INP zastąpił FID (od Lighthouse 10, marzec 2024). INP dokładniej odzwierciedla opóźnienie interakcji przez cały czas wizyty na stronie, nie tylko przy pierwszym kliknięciu.
• Nowa metryka Long Animation Frames (LoAF) — Lighthouse uwzględnia teraz długie klatki animacji obniżające INP.
• Lighthouse CI v13 — znacznie uproszczona konfiguracja YAML dla GitHub Actions.
• Integracja z Chrome Recorder — Lighthouse można uruchamiać dla nagranych przepływów użytkownika (nie tylko dla statycznych stron).

Najczęściej zadawane pytania o Google Lighthouse

Czy Lighthouse wpływa na pozycje w Google?

Bezpośrednio — nie. Google nie używa wyniku Lighthouse Score jako czynnika rankingowego. Jednak Lighthouse mierzy Core Web Vitals i ogólną szybkość strony, które są częścią sygnałów Page Experience uwzględnianych przez Google. Poprawa wyniku Performance w Lighthouse pośrednio pomaga w SEO.

Dlaczego Lighthouse pokazuje różne wyniki za każdym razem?

Lighthouse przeprowadza test syntetyczny na Twoim komputerze, dlatego wyniki zależą od obciążenia procesora, warunków sieciowych, rozszerzeń przeglądarki i stanu pamięci podręcznej. Dla stabilnych wyników: używaj trybu incognito, uruchamiaj audyt 3–5 razy i uśredniaj wyniki, albo korzystaj z PageSpeed Insights (uruchomienie po stronie serwera w standaryzowanym środowisku).

Jaka jest różnica między Mobile a Desktop w Lighthouse?

Tryb Mobile emuluje wolniejsze urządzenie (throttling CPU ×4) i prędkość sieci 4G, dlatego wyniki są zwykle niższe. Desktop działa bez throttlingu. Ponieważ Google używa głównie indeksowania mobile-first, wynik Mobile jest ważniejszy dla SEO. Sprawdzaj oba tryby dla pełnego obrazu.

Ile czasu zajmuje naprawa Lighthouse Performance?

Zależy od stanu strony. Podstawowe usprawnienia (optymalizacja obrazów, buforowanie, odraczanie skryptów) zajmują 4–8 godzin i mogą podnieść wynik z 50 do 80+. Głęboka optymalizacja (refaktoryzacja JavaScript, redukcja TTFB, naprawa CLS) to oddzielny projekt trwający 1–4 tygodnie w zależności od złożoności strony.