Core Web Vitals on kolme Googlen mittaria, jotka kuvaavat, kuinka nopealta ja vakaalta sivu tuntuu käyttäjästä: LCP (lataus), INP (reagointi) ja CLS (asettelun vakaus). Hyvät rajat ovat LCP enintään 2,5 sekuntia, INP enintään 200 millisekuntia ja CLS enintään 0,1.

Mitä kolme mittaria tarkoittavat

  • LCP (Largest Contentful Paint): kuinka nopeasti sivun suurin näkyvä elementti, yleensä pääkuva tai otsikko, latautuu.
  • INP (Interaction to Next Paint): kuinka nopeasti sivu reagoi, kun käyttäjä painaa tai napauttaa jotain.
  • CLS (Cumulative Layout Shift): kuinka paljon sisältö hyppii latauksen aikana.

Kenttädata kertoo totuuden, laboratoriotesti syyn

Kenttädata on mitattu oikeilta kävijöiltä. Sen näet Search Consolen Core Web Vitals -raportista ja PageSpeed Insightsin yläosasta. Google käyttää arvioinnissaan tätä.

Laboratoriotesti, kuten Lighthouse, ajetaan yhdellä laitteella yhdessä hetkessä. Se on hyvä vian etsimiseen mutta ei kerro, millaista sivuston käyttö oikeasti on. Älä jahtaa täyttä sataa pistettä.

Testaa oikeat sivut

Älä testaa pelkkää etusivua. Valitse yksi sivu jokaisesta sivutyypistä: etusivu, palvelusivu, artikkeli ja yhteydenottosivu. Sama vika toistuu kaikilla saman pohjan sivuilla.

Jos LCP on hidas

  • Pääkuva on liian suuri tai väärässä muodossa. Käytä WebP- tai AVIF-kuvaa oikeassa koossa.
  • Pääkuva ladataan laiskasti (lazy load). Näkymän yläosan kuvaa ei pidä viivästää.
  • Palvelin vastaa hitaasti. Tämä on hosting-asia.
  • Fontit tai tyylit estävät sivun piirtämisen.

Jos INP on hidas

Syy on lähes aina JavaScript. Sivulla on liikaa skriptejä, ja selain on kiireinen juuri silloin, kun käyttäjä painaa jotain. Käy läpi kolmannen osapuolen skriptit: chatit, seurannat, upotukset. Poista ne, joita ei tarvita.

Jos CLS on korkea

Jokin tulee näkyviin myöhässä ja työntää sisältöä. Tavallisimmat syyt ovat kuvat ilman leveys- ja korkeustietoa, myöhässä latautuvat fontit ja evästebanneri, joka työntää sivua alaspäin.

Nopeuden parantaminen on osa teknistä hakukoneoptimointia. WordPress-sivustoilla syy on usein teemassa tai lisäosissa: WordPress-hakukoneoptimointi. Nopeus vaikuttaa myös yhteydenottoihin, joista kerromme konversioseurannan oppaassa.

Lähteet