Lighthouse to narzędzie do przeprowadzania audytów witryn, które pomaga deweloperom w znalezieniu możliwości i rozwiązań diagnostycznych ułatwiających poprawę wygody użytkowników witryn.
Lighthouse 9.0 jest już dostępny na linii poleceń, w Chrome Canary i w PageSpeed Insights. Zostanie ona dodana do wersji stabilnej Chrome w Chrome 98.
Zmiany w interfejsie API
Większość użytkowników nie powinna napotkać żadnych zmian, które zakłócałyby ich pracę. Jeśli przeprowadzasz niestandardowe audyty Lighthouse lub używasz narzędzi, które zależą od szczegółów zawartych w pliku JSON raportu Lighthouse, w wersji 9.0 mogą wystąpić zmiany, które mogą mieć wpływ na działanie tych narzędzi.
Pełną listę zmian znajdziesz w historii zmian wersji 9.0.
Lighthouse do analizy wzorców przeglądania
Lighthouse ma nowy interfejs API do testowania ścieżki użytkownika, który umożliwia przeprowadzanie testów laboratoryjnych w dowolnym momencie cyklu życia strony.
Puppeteer służy do skryptowania wczytywania stron i wywoływania syntetycznych interakcji użytkownika, a Lighthouse może być wywoływany na wiele sposobów, aby rejestrować najważniejsze statystyki podczas tych interakcji. Oznacza to, że skuteczność może być mierzona podczas wczytywania strony oraz podczas interakcji z nią.
Więcej informacji znajdziesz w samouczku i wzorach kodu Lighthouse.
Odświeżanie raportu
Zaktualizowaliśmy raport Lighthouse, aby zwiększyć jego czytelność oraz ułatwić zrozumienie źródła i sposobu jego wykonania.
Na górze raportu został umieszczony zrzut ekranu, dzięki któremu od razu widać, czy testowana strona wczytała się prawidłowo i czy jest w oczekiwanym formacie.
Informacje podsumowujące na dole raportu zostały również przeprojektowane, aby lepiej wyjaśniać, jak Lighthouse został uruchomiony i jak zebrano dane do raportu.
Aby zobaczyć nowy raport w działaniu, wypróbuj Lighthouse 9.0 lub zapoznaj się z tym przykładowym raportem.
Powiązane elementy ułatwień dostępu
Typowym problemem z dostępnością jest sytuacja, gdy elementy, które powinny być unikalne na stronie, nie są, na przykład gdy identyfikator, do którego odwołuje się atrybut aria-labelledby, jest używany w kilku elementach.
Lighthouse zawsze ostrzegał o tej sytuacji, ale podawał tylko pierwszy przypadek elementu z powtarzającym się identyfikatorem, co często powodowało zamieszanie, ponieważ niektórzy użytkownicy zakładali, że wszystkie elementy, które powodują problem, są wyświetlane. Ponieważ Lighthouse wyświetlał tylko 1 element, zespół uznał, że jest to błąd i że ten element został oznaczony jako duplikat.
W Lighthouse 9.0 wszystkie elementy o tym samym identyfikatorze są teraz wymienione:
Ta funkcja „powiązanych węzłów” jest udostępniana przez axe-core, więc może się pojawiać również w innych audytach ułatwień dostępu.
Więcej informacji znajdziesz w problemie związanym z zbieraniem zgłoszeń użytkowników i prośbie o wdrożenie.
Uruchamianie Lighthouse
Lighthouse jest dostępny w Narzędziach deweloperskich Chrome, w npm (jako moduł Node i CLI) oraz jako rozszerzenie przeglądarki (w Chrome i Firefox). Korzystają z niego liczne usługi Google, w tym web.dev/measure i PageSpeed Insights.
Aby wypróbować interfejs wiersza poleceń Lighthouse Node, użyj tych poleceń:
npm install -g lighthouse
lighthouse https://www.example.com --view
Kontakt z zespołem Lighthouse
Aby omówić nowe funkcje, zmiany w wersji 9.0 lub inne kwestie związane z Lighthouse:
- Zgłoś problem lub prześlij opinię w narzędziu do śledzenia problemów Lighthouse na GitHubie.
- Zadaj pytania na forach dyskusyjnych Lighthouse na GitHubie.
- Skontaktuj się z zespołem Lighthouse na Twitterze @____lighthouse.