Jak Lighthouse oblicza ogólny wynik skuteczności
Ogólnie tylko dane wpływają na wynik wydajności Lighthouse, a nie wyniki sekcji Możliwości i Diagnostyka. Jednak zwiększenie liczby możliwości i ilości danych diagnostycznych prawdopodobnie poprawi wartości danych, więc istnieje tu związek pośredni.
Poniżej wyjaśniliśmy, dlaczego wynik może się wahać, jak jest złożony i jak Lighthouse ocenia poszczególne dane.
Dlaczego Twój wynik się zmienia
Duża zmienność ogólnej oceny skuteczności i wartości danych nie jest spowodowana Lighthouse. Zmienność wyniku skuteczności jest zwykle spowodowana zmianami różnych warunków. Typowe problemy:
- Testy A/B lub zmiany w wyświetlanych reklamach
- Zmiany w kierowaniu ruchu internetowego
- testowanie na różnych urządzeniach, np. na komputerze stacjonarnym o wysokiej wydajności i laptopie o niskiej wydajności;
- Rozszerzenia przeglądarki, które wstrzykują kod JavaScript i dodają/modyfikują żądania sieciowe
- Oprogramowanie antywirusowe
Więcej informacji na ten temat znajdziesz w dokumentacji Lighthouse dotyczącej zmienności.
Co więcej, mimo że Lighthouse może podać jeden ogólny wynik skuteczności, lepszym podejściem jest rozpatrywanie skuteczności witryny jako rozkładu wyników, a nie pojedynczej liczby. Aby dowiedzieć się, dlaczego, zapoznaj się z wprowadzeniem do danych o wydajności zorientowanych na użytkownika.
Jak jest ważony wynik skuteczności
Wynik skuteczności jest średnią ważoną wyników danych. Dane o większej wadze mają oczywiście większy wpływ na ogólny wynik skuteczności. Wyniki danych nie są widoczne w raporcie, ale są obliczane w sposób niewidoczny w raporcie.
Lighthouse 10
| Kontrola | Waga |
|---|---|
| Pierwsze wyrenderowanie treści | 10% |
| Indeks szybkości | 10% |
| Największe wyrenderowanie treści | 25% |
| Całkowity czas blokowania | 30% |
| Skumulowane przesunięcie układu | 25% |
Lighthouse 8
| Kontrola | Waga |
|---|---|
| Pierwsze wyrenderowanie treści | 10% |
| Indeks szybkości | 10% |
| Największe wyrenderowanie treści | 25% |
| Czas do pełnej interaktywności | 10% |
| Łączny czas blokowania | 30% |
| Skumulowane przesunięcie układu | 15% |
Jak określamy wyniki wskaźników
Gdy Lighthouse zbierze dane o wydajności (zwykle podawane w milisekundach), przekształca każdą wartość danych w dane o wydajności o wartości od 0 do 100, sprawdzając, gdzie wartość danych wypada w rozkładzie Lighthouse. Rozkład punktacji to rozkład logarytmiczno-normalny wyprowadzony z danych o wydajności rzeczywistej witryny w archiwum HTTP.
Na przykład największe wyrenderowanie treści (LCP) mierzy czas, w którym użytkownik widzi największy element treści na stronie. Wartość LCP to czas od momentu, gdy użytkownik rozpoczyna wczytywanie strony, do momentu wyrenderowania jej głównej treści. Według rzeczywistych danych najskuteczniejsze witryny renderują LCP w ciągu ok. 1220 ms, więc wartość danych jest mapowana na 99.
Jeśli wejdziesz nieco głębiej, zobaczysz, że model krzywej oceny Lighthouse używa danych z HTTPArchive do określenia 2 punktów kontrolnych, które następnie określają kształt krzywej log-normalnej. 25. percentyl danych z archiwum HTTP staje się wynikiem 50 (punkt kontrolny mediana), a 8. percentyl staje się wynikiem 90 (punkt kontrolny dobry/zielony). Analizując wykres krzywej punktowej, pamiętaj, że pomiędzy 0,50 a 0,92 występuje niemal liniowy zależność między wartością danych a wynikiem. Około 0,96 oznacza „punkt spadku zysków”, ponieważ krzywa oddala się, co wymaga coraz większego poprawy danych, aby poprawić i tak już wysoki wynik.
Porównanie reklam na komputery i urządzenia mobilne
Jak już wspomnieliśmy, krzywe wyników są określane na podstawie rzeczywistych danych o skuteczności. Przed wersją Lighthouse 6 wszystkie krzywe wyników były oparte na danych o wydajności na urządzeniach mobilnych, ale Lighthouse na komputery używało tych danych. W praktyce prowadziło to do sztucznie zawyżonych wyników na komputerach. Narzędzie Lighthouse w wersji 6 naprawiło ten błąd, korzystając z określonej punktacji na komputery. Z pewnością możesz spodziewać się ogólnych zmian w wyniku z 5 do 6, jednak w przypadku wersji na komputery wyniki będą się znacznie różnić.
Jak kolory oznaczają wyniki
Wyniki danych i wynik wydajności są oznaczane kolorami według tych zakresów:
- 0–49 (czerwony): słaby.
- 50 do 89 (pomarańczowy): wymaga ulepszenia
- 90–100 (zielony): dobry
Aby zapewnić użytkownikom dobre wrażenia, witryny powinny mieć dobry wynik (90–100). Uzyskanie „idealnego” wyniku wynoszącego 100 jest niezwykle trudne i nie jest oczekiwane. Na przykład przejście z wyniku 99 na 100 wymaga mniej więcej takiej samej poprawy danych, jak przejście z 90 na 94.
Co deweloperzy mogą zrobić, aby poprawić swój wynik wydajności?
Najpierw skorzystaj z kalkulatora wyników Lighthouse, aby dowiedzieć się, jakie progi musisz osiągnąć, aby uzyskać określony wynik wydajności Lighthouse.
Sekcja Możliwości w raporcie Lighthouse zawiera szczegółowe sugestie i dokumentację dotyczącą ich wdrażania. Dodatkowo w sekcji Diagnostyka znajdziesz dodatkowe wskazówki, które mogą pomóc deweloperom w dalszym zwiększaniu skuteczności.