Lighthouse 3.0 jest już dostępne Wersja 3.0 oferuje szybsze przeprowadzanie kontroli, mniej wariancji, nowy interfejs raportów, nowe kontrole i nie tylko.
Jak zaktualizować do wersji 3.0
- CLI. Uruchom
npm install -g lighthouse@next. - Węzeł. Uruchom
npm install lighthouse@next. - Rozszerzenie do Chrome. Rozszerzenie powinno zostać automatycznie zaktualizowane do wersji 3.0.
- Narzędzia deweloperskie w Chrome. Narzędzie Lighthouse 3.0 będzie dostępne w Chrome 69.
Szybsze audyty i mniejsza wariancja
Lighthouse 3.0 szybciej przeprowadza audyty, a różnice między uruchomieniami są mniejsze dzięki kilku zmianom:
- Symulowane ograniczanie. Wcześniej narzędzie Lighthouse ograniczyło stronę przed przeprowadzeniem kontroli. Obecnie Lighthouse wykorzystuje nowy wewnętrzny mechanizm kontroli o kryptonimie Lampion, który przeprowadza audyty w normalnych ustawieniach sieci i CPU, a następnie szacuje, ile czasu zajmie wczytanie strony na urządzeniach mobilnych.
- Krótsze okresy oczekiwania. Aby ustalić, czy strona została wczytana, należy zaczekać, aż sieć i CPU nie obejmą żadnej aktywności. W wersji 3 ten okres oczekiwania jest krótszy.
Nowy interfejs raportów
W Lighthouse 3.0 jest dostępny zupełnie nowy interfejs raportów stworzony dzięki współpracy zespołów Lighthouse i Chrome.
Zmiany wywołań
Wersja narzędzia Lighthouse dla węzła obsługuje teraz te same opcje konfiguracji co wersja interfejsu wiersza poleceń. W zależności od tego, jak skonfigurujesz moduł Node Lighthouse w wersji 2, może to być zmiana niezgodna. Więcej informacji znajdziesz w sekcji Zmiany wywołań.
Zmiany w punktach
W Lighthouse 3.0 zmienia się model oceny skuteczności. Wynik 50 oznacza 75 centyl, a idealny wynik 100 – 98 centyl, czyli punkt malejących wyników.
Wynik skuteczności jest średnią ważoną z kontroli skuteczności. W wersji 3 zmienia się wagi kontroli.
| Nazwa kontroli | Waga (wersja 2) | Waga v3 |
|---|---|---|
| Pierwsze wyrenderowanie treści (nowość w wersji 3) | Nie dotyczy | 3 |
| Pierwsze wyrenderowanie elementu znaczącego | 5 | 1 |
| Pierwszy procesor bezczynny (pierwsza interakcja w wersji 2) | 5 | 3 |
| Czas do interakcji (konsekwentna interaktywność w wersji 2) | 5 | 5 |
| Wskaźnik prędkości percepcyjnej | 1 | Nie dotyczy |
| Indeks prędkości | Nie dotyczy | 4 |
| Szacowane opóźnienie wprowadzania danych | 1 | 0 |
Odtąd wszystko, co musisz wiedzieć o tym, jak działa punktacja w Lighthouse v3, znajdziesz w przewodniku po ocenianiu ocen Lighthouse w wersji 3.
Nowe formaty wyjściowe i zmiany
Obsługa danych wyjściowych CSV
Wyniki raportu mogą być teraz zapisywane w formacie CSV. Każdy wiersz zawiera informacje i wyniki jednego audytu, w tym:
- Nazwa kategorii, do której należy kontrola.
- Nazwa kontroli.
- opis audytu,
- Typ wyniku używany podczas kontroli.
- Wartość wyniku.
Zmiany danych wyjściowych JSON
W wersji 3.0 wprowadzono wiele zmian w wyjściowym formacie JSON narzędzia Lighthouse. Więcej informacji znajdziesz w przewodniku po migracji do Lighthouse v3.
Nowe kontrole
Pierwsze wyrenderowanie treści
Mierz czas, w którym treści tekstowe lub graficzne są po raz pierwszy wyświetlane na ekranie użytkownika.
Plik robots.txt jest nieprawidłowy
Upewnij się, że plik robots.txt w Twojej witrynie ma prawidłowy format, aby roboty wyszukiwarek mogły ją indeksować.
Używaj formatów wideo w przypadku treści animowanych
Zastąp GIF-y tagami video, aby potencjalnie zmniejszyć rozmiar plików wideo.
Więcej informacji znajdziesz w artykule Zastępowanie animowanych GIF-ów filmami.
Unikaj wielokrotnych, kosztownych podróży w obie strony do dowolnego miejsca wylotu
Aby poprawić wydajność wczytywania, dodaj do tagów link atrybuty rel="preconnect". Dzięki temu przeglądarka będzie mogła jak najszybciej nawiązać połączenie ze źródłem.
Więcej informacji znajdziesz w sekcji Wcześniejsze łączenie.
Kontrola zmian
Pierwszy interaktywny ➡ Pierwszy bezczynny procesor
Nazwa kontroli Pierwsza interakcja została zmieniona na Pierwszy procesor bezczynny, aby lepiej opisać jej działanie. Ogólny cel audytu jest taki sam. Skorzystaj z tego audytu, aby zmierzyć, kiedy użytkownicy po raz pierwszy wchodzą w interakcję z Twoją stroną.
Wskaźnik prędkości percepcyjnej ➡ Indeks prędkości
W Lighthouse 3.0 kontrola Perceptual Speed Index to teraz Speed Index. Dzięki tej zmianie dostosujesz sposób pomiaru tych danych do narzędzia WebPageTest. Cel audytu jest taki sam, ale podstawowe dane są nieco inne.