Po wprowadzeniu Lighthouse do naszego życia wzrosła liczba kryteriów wydajności bezpośrednio wpływających na takie tematy jak UX i SEO. Oceny przeprowadzane na podstawie sprawdzenia kilku punktów na stronie w starej konfiguracji Google Pagespeed zostały ulepszone dzięki metodom opracowanym przez lata przez inżynierów Google. W tym artykule postaramy się sprawdzić, w jaki sposób obliczany jest wynik Lighthouse.

Od 2024 r. kryteria wydajności Lighthouse w wersji 10 są następujące:

  • Pierwsza treściwa farba – 10%
  • Indeks prędkości - 10%
  • Największa farba treściwa — 25%
  • Całkowity czas blokowania - 30%
  • Łączne przesunięcie układu — 25%

Najważniejszą innowacją w porównaniu do poprzedniej wersji Lighthouse 5 jest dodanie CLS (Cumulative Layout Shift). Wskaźnik ten, który od czerwca 2024 r. uznano za ważne kryterium wydajności SEO, w nadchodzących latach może stać się bardzo krytyczny.

 

narzędzie-lighthouse.png

 

Lighthouse przygotowało także narzędzie, które z wyprzedzeniem pokaże Ci, jaki wynik możesz osiągnąć wpisując swoje cele w zakresie szybkości strony. Możesz uzyskać dostęp do Narzędzie do obliczania wyniku latarni morskiej tutaj.

Jeśli zapytasz, na jakich zakresach liczbowych opiera się kodowanie kolorami, możesz sprawdzić poniższe zakresy. Jeśli w tych ocenach zobaczysz kolor zielony, będzie to oznaczać, że odniosłeś sukces:

  • 0-49 (słabo): Czerwony
  • 50-90 (wymaga poprawy): Orange
  • 90+ (dobrze): Zielony

Wyniki różnią się w przypadku witryn mobilnych i stacjonarnych, ale przy ruchu mobilnym przekraczającym 75% oceny są dokonywane na podstawie wyniku mobilnego.

W każdym teście Lighthouse możesz napotkać różne wyniki. Niektóre przyczyny tego obejmują reklamy i typy reklam na stronie, Testy A/B przeprowadzane w obrębie serwisu, błyskawiczne zmiany w ruchu internetowymoraz chwilowe sytuacje, które mogą wystąpić na serwerze.

Najłatwiejszym sposobem przeprowadzenia testu Lighthouse jest użycie przeglądarki Chrome. Wejdź do menu „Sprawdź”, kliknij zakładkę „Latarnia morska”, a następnie kliknij przycisk „Generuj raport”. Obliczenia, które zajmą około 8–10 sekund, przeprowadza się, biorąc pod uwagę różne urządzenia i prędkości Internetu.

Źródło: https://web.dev/performance-scoring/