Lighthouse to narzędzie do audytu witryn, które pomaga deweloperom określać możliwości i diagnostykę, aby ułatwić użytkownikom korzystanie z witryn.
Narzędzie Lighthouse w wersji 9.0 jest dostępne bezpośrednio w wierszu poleceń, w Chrome Canary i w PageSpeed Insights. Zostanie ona otwarta w stabilnej wersji Chrome 98.
Zmiany w interfejsie API
Większość użytkowników nie powinna mieć w tej wersji żadnych zmian zakłócających przepływ pracy. Jeśli przeprowadzasz niestandardowe audyty Lighthouse lub używasz narzędzi zależnych od szczegółowych informacji zawartych w pliku JSON z raportem Lighthouse, w wersji 9.0 mogą pojawić się pewne zmiany powodujące niezgodność, o których musisz wiedzieć.
Pełną listę zmian znajdziesz w historii zmian 9.0.
Lighthouse dla przepływów użytkowników
Lighthouse ma nowy interfejs API przepływu użytkownika, który umożliwia przeprowadzanie testów laboratoryjnych w dowolnym momencie w okresie życia strony.
Aplikacja Puppeteer służy do skryptów wczytywania stron i aktywowania syntetycznych interakcji z użytkownikami, a Lighthouse można wywoływać na wiele sposobów, aby rejestrować kluczowe statystyki podczas tych interakcji. Oznacza to, że skuteczność można mierzyć podczas wczytywania strony oraz podczas interakcji z nią.
Więcej informacji znajdziesz w samouczku na temat przepływów użytkowników w Lighthouse i przykładowym kodzie.
Odświeżenie raportu
Raport Lighthouse został odświeżony, aby zwiększyć czytelność oraz ułatwić zrozumienie źródła i sposobu jego generowania.
W górnej części raportu umieszczono końcowy zrzut ekranu, który pozwoli od razu sprawdzić, czy testowana strona wczytuje się prawidłowo i ma oczekiwany format.
Ulepszyliśmy też informacje podsumowujące u dołu raportu, aby lepiej prezentować sposób uruchomienia narzędzia Lighthouse i zebranego raportu.
Aby zobaczyć, jak działa nowy raport, wypróbuj Lighthouse w wersji 9.0 lub zapoznaj się z tym przykładowym raportem.
Powiązane ułatwienia dostępu
Częstym problemem z ułatwieniami dostępu jest sytuacja, w której elementy, które powinny być unikalne na stronie, nie są takie same – np. identyfikator, do którego odwołuje się atrybut aria-labelledby, jest używany w wielu elementach.
Narzędzie Lighthouse zawsze ostrzegało o tej sytuacji, ale wyświetla tylko pierwsze wystąpienie elementu z powtórzonym identyfikatorem, co często wprowadzało w błąd, ponieważ niektórzy użytkownicy zakładali, że pokazuje wszystkie elementy powodujące problem. Ponieważ Lighthouse pokazuje tylko 1 element, zakładali, że to błąd, że pojedynczy element został oznaczony jako duplikat.
W Lighthouse 9.0 wszystkie elementy współużytkujące ten identyfikator są teraz wymienione:
Te „powiązane węzły” Ta funkcja jest udostępniana przez firmę axe-core, więc mogą one również zostać uwzględnione w innych audytach ułatwień dostępu.
Więcej informacji znajdziesz w artykułach o zbieraniu raportów o problemach z użytkownikami i żądaniu pull opartym na implementacji.
Uruchomiona latarnia morska
Narzędzie Lighthouse jest dostępne w Narzędziach deweloperskich w Chrome, npm (jako moduł węzła i interfejs wiersza poleceń) oraz jako rozszerzenie przeglądarki (w Chrome i Firefoksie). Obsługuje wiele usług Google, w tym web.dev/measure i PageSpeed Insights.
Aby wypróbować interfejs wiersza poleceń węzła w Lighthouse, użyj tych poleceń:
npm install -g lighthouse
lighthouse https://www.example.com --view
Skontaktuj się z zespołem Lighthouse
Jeśli chcesz porozmawiać o nowych funkcjach, zmianach w wersji 9.0 lub innych kwestiach związanych z Lighthouse:
- Zgłoś problem lub prześlij opinię w narzędziu do śledzenia problemów z Lighthouse na GitHubie.
- Zadawaj pytania na forach dyskusyjnych GitHub.
- Skontaktuj się z zespołem Lighthouse na Twitterze @____lighthouse.