Etter introduksjonen av Lighthouse i livene våre, har antallet ytelseskriterier som direkte påvirker emner som UX og SEO økt. Evalueringene gjort ved å se på noen få punkter på siden i det gamle Google Pagespeed-oppsettet har blitt forbedret med metodene utviklet av Googles ingeniører gjennom årene. I denne artikkelen skal vi prøve å undersøke hvordan Lighthouse-poengsummen beregnes.

Fra og med 2024 er ytelseskriteriene for Lighthouse versjon 10 som følger:

  • Første innholdsrike maling - 10 %
  • Hastighetsindeks - 10 %
  • Største innholdsrike maling - 25 %
  • Total blokkeringstid - 30 %
  • Kumulativ layoutforskyvning - 25 %

Den viktigste innovasjonen sammenlignet med forrige versjon, Lighthouse 5, er tillegget av CLS (Cumulative Layout Shift). Denne beregningen, som ble annonsert å være et viktig ytelseskriterium for SEO fra juni 2024, kan bli svært kritisk i de kommende årene.

 

fyrtårn-verktøy.png

 

Lighthouse har også utarbeidet et verktøy som viser deg på forhånd hva slags poengsum du kan oppnå ved å legge inn sidehastighetsmålene dine. Du kan få tilgang til Lighthouse score beregningsverktøy her.

Hvis du spør hvilke tallområder fargekodingen er basert på, kan du sjekke områdene nedenfor. Å se grønt i disse evalueringene vil bety at du har lykkes:

  • 0-49 (dårlig): Rød
  • 50-90 (trenger forbedring): oransje
  • 90+ (bra): Grønn

Poengsummene varierer for mobil- og desktop-nettsteder, men med mobiltrafikk som overstiger 75 %, blir det gjort evalueringer basert på mobilpoengsummen.

Du kan støte på forskjellige resultater i hver Lighthouse-test. Noen årsaker til dette inkluderer annonser og annonsetypene på siden, A/B-tester utført på nettstedet, umiddelbare endringer i internetttrafikk, og umiddelbare situasjoner som kan oppstå på serveren.

Den enkleste måten å utføre en Lighthouse-test på er å bruke Chrome-nettleseren. Gå inn på "Inspiser"-menyen, klikk på "Fyrtårn"-fanen, og klikk deretter på "Generer rapport"-knappen. Beregningen, som vil ta omtrent 8-10 sekunder, gjøres ved å vurdere ulike enheter og internetthastigheter.

kilde: https://web.dev/performance-scoring/