Jak Lighthouse oblicza Twój ogólny wynik skuteczności
Ogólnie na wynik skuteczności w Lighthouse oddziałują tylko metrics, a nie Możliwości czy Diagnostyka. Ulepszenie możliwości i diagnostyki prawdopodobnie poprawia wartości danych, więc jest między nimi zależność pośrednia.
Poniżej wyjaśniamy, dlaczego wynik może się wahać, jak się zmienia i jak prezentujemy poszczególne dane z Lighthouse.
Dlaczego Twój wynik się zmienia
Znaczna zmienność ogólnego wyniku skuteczności i wartości danych nie wynika z narzędzia Lighthouse. Zmienność wyniku skuteczności zwykle wynika ze zmian w swoich warunkach. Typowe problemy to:
- Testy A/B lub zmiany w wyświetlanych reklamach
- Zmiany dotyczące kierowania ruchu internetowego
- testowanie na różnych urządzeniach, np. na komputerze o wysokiej wydajności i laptopie o niskiej wydajności;
- Rozszerzenia przeglądarki, które wstrzykują JavaScript i dodają/modyfikują żądania sieciowe
- Oprogramowanie antywirusowe
Więcej na ten temat znajdziesz w dokumentacji Lighthouse na temat zmienności.
Co więcej, chociaż Lighthouse może podawać pojedynczy ogólny wynik skuteczności, lepiej potraktować wydajność witryny jako rozkład wyników, a nie tylko jedną liczbę. Weź pod uwagę wskaźniki wydajności ukierunkowane na użytkowników, aby zrozumieć, dlaczego tak jest.
W jaki sposób jest ważony wynik skuteczności
Wynik skuteczności jest średnią ważoną wyników danych. Bardziej ważone dane mają oczywiście większy wpływ na ogólny wynik skuteczności. Wyniki danych nie są widoczne w raporcie, ale są obliczane w tle.
![Aplikacja internetowa kalkulatora punktacji Lighthouse](https://developer.chrome.google.cn/static/docs/lighthouse/performance/performance-scoring/image/lighthouse-scoring-calcul-196f49058e387.png?authuser=9&hl=pl)
Lighthouse 10
Kontrola | Waga |
---|---|
Pierwsze wyrenderowanie treści | 10% |
Indeks prędkości | 10% |
Największe wyrenderowanie treści | 25% |
Całkowity czas blokowania | 30% |
Skumulowane przesunięcie układu | 25% |
Latarnia morska 8
Kontrola | Waga |
---|---|
Pierwsze wyrenderowanie treści | 10% |
Indeks prędkości | 10% |
Największe wyrenderowanie treści | 25% |
Czas do interakcji | 10% |
Całkowity czas blokowania | 30% |
Skumulowane przesunięcie układu | 15% |
Sposób określania wyników wskaźników
Po zebraniu danych o wydajności (w większości przypadków raportowanych w milisekundach) aplikacja Lighthouse przekształca każdą nieprzetworzoną wartość danych w wynik z zakresu od 0 do 100, sprawdzając, w którym miejscu rozkładu punktowego ta wartość mieści się w tym narzędziu. Rozkład punktowy to rozkład logarytmiczno-normalny uzyskany na podstawie wskaźników wydajności rzeczywistych danych o wydajności witryny w archiwum HTTP.
Na przykład wyrenderowanie największej części treści (LCP) oznacza, że użytkownik uważa, że widoczna jest największa zawartość strony. Wartość LCP to czas upływający między zainicjowaniem wczytywania strony przez użytkownika a wyświetleniem jej podstawowej treści. Na podstawie rzeczywistych danych dotyczących witryn najskuteczniejsze witryny renderują LCP w ciągu ok. 1220 ms, więc wartość wskaźnika jest zmapowana na 99.
W bardziej szczegółowy sposób model krzywej punktacji Lighthouse wykorzystuje dane HTTPArchive, aby określić 2 punkty kontrolne, a następnie kształt krzywej log-normal. 25 centyl danych HTTPArchive otrzymuje wynik 50 (mediana punktu kontrolnego), a 8 centyl otrzymuje wynik 90 (dobry/zielony punkt kontrolny). Podczas analizowania poniższego wykresu krzywej punktacji zwróć uwagę, że wartości z przedziału od 0,50 do 0,92 występują zależność między wartością danych a wynikiem niemal liniowego. Około 0,96 jest „punktem malejącej liczby zwrotów”, powyżej którego krzywa się oddala, co wymaga coraz większej poprawy wskaźnika, aby poprawić i tak już wysoki wynik.
![Ilustracja krzywej oceny w przypadku TTI](https://developer.chrome.google.cn/static/docs/lighthouse/performance/performance-scoring/image/image-the-scoring-curve-f72983bc008e4.png?authuser=9&hl=pl)
Porównanie porównania reklam z komputerami i urządzeniami mobilnymi
Jak już wspomnieliśmy, krzywe wyniku są określane na podstawie rzeczywistych danych o skuteczności. W wersji 6 wszystkie krzywe wyniku były oparte na danych o wydajności na urządzeniach mobilnych, jednak w przypadku wersji z Lighthouse na komputerze używano ich. W praktyce doprowadziło to do sztucznego zawyżania ocen na komputerach. Narzędzie Lighthouse w wersji 6 naprawiliśmy ten błąd, korzystając z określonej punktacji na komputerach. Można się spodziewać ogólnych zmian w wyniku wydajności w skali od 5 do 6, ale w przypadku komputerów każdy wynik będzie znacznie inny.
Jak wyniki są oznaczane kolorami
Wyniki wskaźników i wydajności są kolorowane zgodnie z tymi zakresami:
- 0–49 (czerwony): słaby
- 50–89 (pomarańczowy): Wymaga poprawy
- 90–100 (zielony): dobry
W trosce o wygodę użytkowników witryny powinny mieć dobry wynik (90–100). „Idealny” wynik na poziomie 100 jest bardzo trudny do osiągnięcia i nie należy się spodziewać. Na przykład wynik od 99 do 100 wymaga mniej więcej takiej samej poprawy wskaźnika, która wymagałaby wartości od 90 do 94.
Co deweloperzy mogą zrobić, aby poprawić swój wynik wydajności?
Najpierw użyj kalkulatora punktacji Lighthouse, aby dowiedzieć się, jakie progi należy osiągnąć, aby uzyskać określony wynik skuteczności w Lighthouse.
Sekcja Możliwości w raporcie Lighthouse zawiera szczegółowe sugestie i dokumentację, jak je wdrożyć. Dodatkowo w sekcji Diagnostyka znajdziesz dodatkowe wskazówki, które deweloperzy mogą wykorzystać, aby jeszcze bardziej zwiększyć skuteczność swoich aplikacji.