Lighthousen tultua elämäämme UX:n ja SEO:n kaltaisiin aiheisiin suoraan vaikuttavien suorituskriteerien määrä on lisääntynyt. Arvioinnit, jotka on tehty tarkastelemalla muutamia kohtia sivulla vanhassa Google Pagespeed -asetuksissa, on parannettu Googlen insinöörien vuosien aikana kehittämillä menetelmillä. Tässä artikkelissa yritämme tutkia, kuinka Lighthouse-pisteet lasketaan.

Vuodesta 2024 lähtien Lighthouse-version 10 suorituskykykriteerit ovat seuraavat:

  • Ensimmäinen tyydyttävä maali - 10 %
  • Nopeusindeksi - 10 %
  • Suurin sisällöllinen maali - 25 %
  • Koko estoaika - 30 %
  • Kumulatiivinen asettelun muutos - 25 %

Merkittävin innovaatio edelliseen Lighthouse 5 -versioon verrattuna on CLS:n (Cumulative Layout Shift) lisääminen. Tästä mittarista, jonka ilmoitettiin olevan tärkeä hakukoneoptimoinnin suorituskykykriteeri kesäkuussa 2024, voi tulla erittäin kriittinen tulevina vuosina.

 

lighthouse-tool.png

 

Lighthouse on myös valmistellut työkalun, joka näyttää etukäteen, millaiset pisteet voit saavuttaa syöttämällä sivun nopeustavoitteesi. Voit käyttää Lighthouse-pisteiden laskentatyökalu täällä.

Jos kysyt, mihin numeroalueisiin värikoodaus perustuu, voit tarkistaa alueet alta. Vihreän näkeminen näissä arvioinneissa tarkoittaa, että olet onnistunut:

  • 0-49 (huono): punainen
  • 50-90 (parannusta vaativa): Oranssi
  • 90+ (hyvä): Vihreä

Mobiili- ja pöytätietokonesivustojen pisteet vaihtelevat, mutta mobiililiikenteen ylittäessä 75 %, arvioinnit tehdään mobiilipisteiden perusteella.

Saatat saada erilaisia ​​tuloksia kussakin Lighthouse-testissä. Joitakin syitä tähän ovat mainokset ja sivulla olevat mainostyypit, Sivuston sisällä suoritettuja A/B-testejä, välittömiä muutoksia nettiliikenteessä, ja välittömät tilanteet, joita palvelimella voi ilmetä.

Helpoin tapa suorittaa Lighthouse-testi on käyttää Chrome-selainta. Siirry "Tarkista" -valikkoon, napsauta "Lighthouse"-välilehteä ja napsauta sitten "Luo raportti" -painiketta. Laskenta, joka kestää noin 8-10 sekuntia, tehdään eri laitteita ja netinopeuksia huomioiden.

Lähde: https://web.dev/performance-scoring/