Ewolucja Lighthouse: ciągła integracja, nowa formuła wyniku wydajności i inne rozwiązania

Poznaj najnowsze informacje o Lighthouse i statystyki z Chrome Developer Summit 2019.

Elizabeth Sweeny
Elizabeth Sweeny

Podczas rozmowy Speed Tooling Evolutions na konferencji Chrome Developer Summit (CDS) Paul Ireland i ja zaprezentowaliśmy najnowsze usługi i funkcje Google, które pomogą Ci tworzyć i utrzymywać wyjątkowo szybkie działanie wszystkich użytkowników. Najważniejsze są dodatki z rodziny Lighthouse do monitorowania wydajności.

Zespół Lighthouse wprowadził wersję alfa Lighthouse CI, czyli nową usługę do ciągłej integracji, która umożliwia uruchamianie Lighthouse przy każdym zatwierdzeniu przed przekazaniem do środowiska produkcyjnego. Lighthouse CI uruchamia Lighthouse wiele razy, zgłasza statyczne progi kontroli lub wartości, a następnie przesyła raporty Lighthouse na serwer w celu wizualnego różnicowania i podstawowej historii wyników kategorii. Dotychczasowe konfiguracje pliku z budżetem.json działają równolegle z nową, ekspresyjną składnią, aby zgłaszać dowolne wyniki audytu lub kategorii w Lighthouse.

raport Lighthouse CI.

Lighthouse CI od razu obsługuje Travis CI, Circle CI i GitHub Actions oraz dowolną usługę CI opartą na Ubuntu lub kontenerach z nieokreśloną konfiguracją. Możesz zainstalować serwer CI Lighthouse lokalnie lub użyć obrazu Dockera, aby przeprowadzić natychmiastową konfigurację. Bezpłatna, publiczna, tymczasowa pamięć masowa raportów z Lighthouse to świetna alternatywa, aby od razu rozpocząć pracę.

Wkrótce: aktualizacje wyniku skuteczności

Wkrótce pojawią się zmiany w wyniku wydajności w Lighthouse w wersji 6. W wersji 5 (stan na listopad 2019 r.) Lighthouse ma 5 ważonych i mieszanych wskaźników wydajności, które składają się na wynik wydajności od 0 do 100: First Contentful Paint, Speed Index, First MeaningfulPaint, Time to Interactive i Pierwszy procesor bezczynny.

Porównanie formuł wyniku wydajności w Lighthouse w wersjach 5 i 6.

Szczegółowe informacje znajdziesz w sekcji Ocena wydajności Lighthouse.

W Lighthouse w wersji 6 nowe wskaźniki: największe wyrenderowanie treści (LCP) i całkowity czas blokowania (TBT), zastępują pierwszy procesor bezczynny (FCI) i pierwsze wyrenderowanie elementu znaczącego (FMP). Waga każdego z 5 wskaźników zostanie dostosowana tak, aby lepiej zrównoważyć różne fazy pomiaru obciążenia i interaktywności.

Zespół Lighthouse nadal pracuje nad dostrojeniem wszystkich krzywych punktowych, a wskaźniki są dopracowane i dokładnie przetestowane. Celem jest udostępnienie wyników wydajności Lighthouse w wersji 6 w styczniu 2020 r.

Zestawy Lighthouse

Narzędzie Lighthouse może automatycznie wykrywać, czy witryny używają platformy czy systemu zarządzania treścią (CMS), i umieszczać w raporcie porady dotyczące stosu. Do pakietów stosu oprócz głównych audytów raportów z Lighthouse dodajemy dostosowane rekomendacje przygotowane przez ekspertów społeczności (takich jak Ty).

Zalecany raport Lighthouse dotyczący odroczenia obrazów poza ekranem w aplikacjach React.

Obecnie dostępne są pakiety stosu dla Angular, WordPress, Magento, React i AMP. Aby utworzyć własny pakiet Stack, odwiedź repozytorium GitHub lub skontaktuj się z zespołem Lighthouse.

Wkrótce: wtyczki Lighthouse jako rozszerzenia do Chrome

Ikona wtyczki Lighthouse.

Wtyczki Lighthouse to kolejny sposób na skorzystanie z możliwości rozszerzania tej funkcji. Podstawowe audyty w Lighthouse nie obejmują obecnie wielu mechanizmów kontroli jakości, ponieważ dotyczą one tylko części deweloperów lub zespołu nie mają jeszcze wystarczającej przepustowości, aby przeprowadzić audyty.

Wtyczki Lighthouse umożliwiają ekspertom społecznościowym wdrożenie nowego zestawu testów, które Lighthouse może uruchomić i dodać do raportu jako nową kategorię. Obecnie wtyczki działają tylko w interfejsie wiersza poleceń Lighthouse, ale chcemy je włączyć także w panelu Kontrola w narzędziach deweloperskich.

Panel kontrolny Narzędzi deweloperskich w Chrome z opcjami uruchamiania wtyczek Lighthouse na potrzeby reklam Google dla wydawców i wygody użytkowników.
Wtyczki społeczności w panelu kontrolnym Narzędzi deweloperskich (beta)

Gdy użytkownicy instalują rozszerzenia wtyczki Lighthouse z Chrome Web Store, Narzędzia deweloperskie będą identyfikować zainstalowane wtyczki i udostępniać je jako opcję w panelu Kontrole. W najbliższych miesiącach zespół Lighthouse zajmie się obsługą wtyczki. W międzyczasie możesz utworzyć wtyczkę jako moduł węzła i udostępnić ją wszystkim użytkownikom Lighthouse za pomocą interfejsu wiersza poleceń.

Więcej informacji

Aby dowiedzieć się więcej o Lighthouse i innych aktualizacjach dotyczących narzędzi zwiększających wydajność z CDS z 2019 r., obejrzyj prezentację Speed narzędziaing evolutions:

Twoja opinia pomoże nam ulepszyć Lighthouse. Wypróbuj Lighthouse CI, napisz pakiet stosu lub wtyczkę Lighthouse i podziel się z nami swoją opinią.