Lighthouse to narzędzie do przeprowadzania audytów witryn, które pomaga deweloperom w znalezieniu możliwości i rozwiązaniu problemów, aby poprawić wygodę 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łócił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 w przypadku wzorców korzystania
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. Lighthouse można wywoływać na wiele sposobów, aby uzyskiwać 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 związanych z przepływami danych użytkowników Lighthouse.
Odświeżanie raportu
Zaktualizowaliśmy raport Lighthouse, aby zwiększyć jego czytelność i ułatwić zrozumienie jego źródła oraz sposobu 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 ma odpowiedni format.
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 otwórz ten przykładowy raport.
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ą takie. Może się tak zdarzyć, gdy identyfikator, do którego odwołuje się atrybut aria-labelledby, jest używany w kilku elementach.
Lighthouse zawsze ostrzegał o tej sytuacji, ale tylko w przypadku pierwszego wystąpienia elementu z powtarzającym się identyfikatorem. Często powodowało to 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, które mają ten identyfikator, 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, npm (jako moduł Node i CLI) oraz jako rozszerzenie przeglądarki (w Chrome i Firefoksie). 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.