Co sprawdza Google Lighthouse?
Google Lighthouse ocenia pojedynczą podstronę w czterech podstawowych obszarach, a następnie wskazuje problemy wykryte podczas automatycznego audytu. To narzędzie o otwartym kodzie, dostępne bez opłat, przydatne zarówno przy tworzeniu witryny, jak i po jej uruchomieniu.
- Performance (wydajność): szybkość wyświetlania treści, stabilność układu i obciążenie przeglądarki.
- Accessibility (dostępność): między innymi kontrast tekstu, etykiety elementów formularzy i poprawność wybranych atrybutów dostępności.
- Best Practices (dobre praktyki): wybrane aspekty bezpieczeństwa i poprawności technicznej strony.
- SEO: podstawowe warunki techniczne, na przykład obecność tytułu strony, meta description i brak ogólnej blokady indeksowania.
Automatyczny audyt dostępności nie zastępuje ręcznego testu zgodności z WCAG. Podobnie wynik SEO nie ocenia jakości treści, linków ani konkurencji w wynikach Google.
Osobna kategoria PWA została usunięta z Lighthouse w 2024 roku.
Jak uruchomić Google Lighthouse w Chrome?
Google Lighthouse można uruchomić w przeglądarce Chrome bez pobierania dodatkowego programu, korzystając z wbudowanych narzędzi deweloperskich.
- Otwórz adres podstrony, którą chcesz przetestować.
- Uruchom narzędzia deweloperskie Chrome, na przykład klawiszem F12, i przejdź do panelu Lighthouse.
- Wybierz test dla urządzenia mobilnego lub komputera oraz interesujące Cię kategorie.
- Wygeneruj raport i przejrzyj wykryte problemy wraz z objaśnieniami.
Test dotyczy otwartego adresu URL, dlatego stronę główną, kartę produktu i formularz kontaktowy trzeba sprawdzić osobno. Raport można zachować i przekazać osobie odpowiedzialnej za rozwój witryny.
Dostępne jest również oficjalne rozszerzenie Lighthouse w Chrome Web Store. Google zaleca jednak panel DevTools jako podstawowy sposób pracy. Programiści mogą instalować Lighthouse przez npm i uruchamiać go z wiersza poleceń lub w automatycznych testach Lighthouse CI.
Na stronach wymagających logowania przydaje się test z zalogowanej karty w Chrome. Trzeba przy tym zwrócić uwagę na ustawienia czyszczenia pamięci witryny, które mogą zmienić stan sesji.
Jak odczytać wynik Google Lighthouse?
Wynik od 0 do 100 pokazuje ocenę konkretnej kategorii w warunkach przeprowadzonego testu, a nie zbiorczą ocenę całego serwisu. W standardowej skali Lighthouse rezultat od 90 do 100 oznacza dobry wynik, od 50 do 89 potrzebę poprawy, a od 0 do 49 słaby wynik.
Ocena Performance powstaje z ważonych pomiarów, a raport zawiera także wskazówki diagnostyczne. Nie każda wykryta sugestia przekłada się bezpośrednio na tyle samo punktów. Najpierw należy odczytać problem, jego kontekst i powiązane dane, zamiast poprawiać wynik wyłącznie dla samej liczby.
Powtórzone testy mogą dawać inne rezultaty przez obciążenie komputera, działanie rozszerzeń, skrypty reklamowe czy warunki sieciowe. Porównania najlepiej prowadzić na tym samym adresie, przy zbliżonych ustawieniach i po kilku uruchomieniach. Wynik dla komputera nie zastępuje oceny na telefonie.
Czym różnią się Google Lighthouse i PageSpeed Insights?
Google PageSpeed Insights korzysta z Lighthouse do audytu laboratoryjnego, lecz dodatkowo pokazuje dane o rzeczywistych doświadczeniach użytkowników z Chrome User Experience Report (CrUX). Oba narzędzia udostępniają laboratoryjne oceny tych samych czterech podstawowych kategorii: Performance, Accessibility, Best Practices i SEO.
W Lighthouse uruchomionym w Chrome można kontrolować ustawienia audytu i sprawdzać lokalne wersje strony oraz widoki po zalogowaniu. PageSpeed Insights działa przez stronę internetową: wystarczy podać publiczny adres i wybrać analizę na telefonach lub komputerach.
Dane CrUX w PageSpeed Insights obejmują poprzednie 28 dni i pojawiają się tylko wtedy, gdy dostępna jest wystarczająca liczba obserwacji. Gdy brakuje danych dla konkretnego URL, narzędzie może pokazać dane całej witryny na poziomie źródła. Z tego powodu wysoki wynik laboratoryjny może współistnieć ze słabym doświadczeniem rzeczywistych użytkowników.
Czy Lighthouse mierzy Core Web Vitals i INP?
Lighthouse mierzy w teście laboratoryjnym LCP i CLS, ale nie mierzy INP, ponieważ zwykły audyt nie obejmuje rzeczywistych interakcji użytkowników. Core Web Vitals to trzy wskaźniki opisujące odczuwaną jakość korzystania ze strony.
- LCP (Largest Contentful Paint) określa moment wyświetlenia największego elementu treści widocznego w obszarze strony.
- CLS (Cumulative Layout Shift) opisuje nieoczekiwane przesunięcia elementów interfejsu.
- INP (Interaction to Next Paint) mierzy responsywność strony podczas interakcji, na przykład kliknięcia przycisku. Zastąpił FID w zestawie Core Web Vitals.
W miejsce INP raport laboratoryjny wykorzystuje TBT (Total Blocking Time), czyli łączny czas blokowania głównego wątku przeglądarki w badanym okresie. TBT pomaga znaleźć obciążające skrypty, ale nie jest równoważny z INP.
Do oceny INP rzeczywistych odwiedzających służą dane użytkowników w PageSpeed Insights oraz raport Core Web Vitals w Google Search Console. Przy analizowaniu konkretnej interakcji można skorzystać z panelu Performance w Chrome DevTools.
Jak poprawić błędy wskazane przez Google Lighthouse?
Poprawę wyników Lighthouse należy zacząć od usterek, które pogarszają korzystanie z ważnych podstron, a następnie potwierdzić efekty kolejnym testem. Raport jest listą hipotez i wskazówek do sprawdzenia, a nie gotową diagnozą wszystkich problemów witryny.
- Przy wolnym ładowaniu sprawdź rozmiary obrazów, ich formaty, pamięć podręczną, czas odpowiedzi serwera i zasoby opóźniające wyświetlanie treści.
- Przy wysokim TBT przeanalizuj działanie JavaScriptu, także skryptów analitycznych i reklamowych, oraz liczbę zadań blokujących przeglądarkę.
- Przy problemach z dostępnością popraw etykiety, kontrast i strukturę strony, a potem przetestuj obsługę klawiaturą.
- Przy ostrzeżeniach SEO sprawdź znaczniki i dostępność strony dla robotów, a stan indeksowania potwierdź w Google Search Console.
Po wdrożeniu zmian porównaj wyniki w tych samych warunkach i skontroluj dane użytkowników. Dzięki temu łatwiej odróżnić rzeczywistą poprawę działania strony od przypadkowej zmiany punktacji w pojedynczym teście.
Właściciel sklepu zauważa, że karta produktu wolno otwiera się na telefonach. Specjalista uruchamia Lighthouse dla tej podstrony, wykrywa duże zdjęcie produktu i skrypt opóźniający wyświetlanie treści, a po wprowadzeniu zmian porównuje kolejne raporty z danymi PageSpeed Insights.
Najczęstsze pytania
Czy Google Lighthouse jest darmowy i trzeba go pobierać?
Google Lighthouse jest bezpłatnym narzędziem o otwartym kodzie źródłowym. Nie wymaga pobierania osobnego programu, ponieważ jest wbudowany w Chrome DevTools, chociaż można też zainstalować rozszerzenie przeglądarkowe lub wersję uruchamianą przez npm.
Czy Google Lighthouse działa w Firefoksie?
W Firefoksie dostępny jest dodatek Google Lighthouse, który wykorzystuje API PageSpeed Insights do generowania raportów dla publicznych adresów URL. Test odbywa się z użyciem Chrome na serwerach Google, a nie bezpośrednio w silniku Firefoksa, dlatego nie służy do badania lokalnych stron w tej przeglądarce.
Czy wynik 100 punktów w Lighthouse gwarantuje wysokie pozycje w Google?
Nie, wynik Lighthouse nie jest bezpośrednim współczynnikiem rankingowym Google. Core Web Vitals są wykorzystywane przez systemy rankingowe, ale o widoczności strony decyduje znacznie więcej czynników, w tym dopasowanie treści do zapytania i jej użyteczność.
Czy testy Google Lighthouse można wykonywać automatycznie?
Tak, Lighthouse CI umożliwia uruchamianie audytów podczas wdrażania zmian na stronie i porównywanie ich z przyjętymi wymaganiami. Dzięki temu zespół może wykryć pogorszenie wydajności lub inne problemy techniczne jeszcze przed opublikowaniem nowej wersji witryny.
Lighthouse pokazuje ostrzeżenia, lecz nie wiesz, od czego zacząć?
Czytamy raport Lighthouse w kontekście rzeczywistego działania strony, zamiast traktować wynik punktowy jako cel sam w sobie. Sprawdzamy problemy z ładowaniem, dostępnością i technicznym SEO, a poprawki układamy według ich znaczenia dla serwisu.