Core Web Vitals: vinkit sivuston suorituskyvyn parantamiseen

Päivitetty: 25.12.2025

Googlen Core Web Vitals on joukko mittareita, jotka kertovat, kuinka käyttäjäystävällinen verkkosivusto on sen latausajan, visuaalisen vakauden ja interaktiivisuuden perusteella.

Google Core Web Vitals -mittarit jaetaan kolmeen osa-alueeseen:

  • Largest Contentful Paint (LCP) mittaa, kuinka kauan sivun suurimman sisältöelementin lataaminen kestää.
  • Cumulative Layout Shift (CLS) kertoo, kuinka paljon sivun asettelu muuttuu odottamattomasti sivun latautuessa.
  • Interaction to Next Paint (INP) mittaa, kuinka kauan aikaa kuluu käyttäjän aloittamasta vuorovaikutuksesta seuraavan visuaalisen päivityksen näyttämiseen.

Google ottaa Core Web Vitals -tulokset huomioon myös sivustojen sijoitusta määrittävissä tekijöissä. Näiden mittareiden optimointi voi siis parantaa sivustosi suorituskykyä hakukoneiden tuloksissa ja siten lisätä sivustosi kävijämääriä.

Largest Contentful Paint

LCP kuvaa, kuinka nopeasti käyttäjät näkevät sivusi sisällön. Aika mitataan sekunteina.

  • Hyvä LCP-arvo on 2,5 sekuntia tai vähemmän. Tämä tarkoittaa, että sisältösi herokuva, video tai suuri tekstikappale latautuu lähes välittömästi.
  • LCP-arvo 2,6–4 sekuntia tarkoittaa, että sivustosi nopeutta on parannettava.
  • Huonona LCP-arvona pidetään yli 4 sekunnin latausaikaa; näin pitkä odottelu turhauttaa kävijöitä ja yleensä lisää heidän taipumustaan poistua sivustoltasi.

Cumulative Layout Shift

Cumulative Layout Shift paljastaa, kuinka paljon sivun elementit liikkuvat odottamattomasti sivun latautuessa. Mittari ilmaistaan pisteinä, ja hyvä CLS-pistemäärä on 0,1 tai vähemmän. Nämä luvut tarkoittavat, että sivusi ulkoasu on erittäin vakaa, mikä helpottaa käyttäjien sisällön katselua ilman häiriöitä.

CLS-pisteet välillä 0,1 ja 0,25 tarkoittavat, että sivustosi visuaalista vakautta on parannettava. Siirtymät ovat niin suuria, että käyttäjät huomaavat ne ja käyttökokemus huononee. Huonot CLS-pisteet ovat yli 0,25 ja tarkoittavat, että sivun elementit liikkuvat paljon ja yleensä liikaa. Olet itsekin varmasti törmännyt tähän, kun olet koettanut klikata jotain, mutta oletkin klikannut väärää kohtaa, koska sivu latautui niin hitaasti.

Interaction to Next Paint (INP)

INP on uusin Core Web Vitals -mittari, joka korvasi First Input Delay (FID) -mittarin 12. maaliskuuta 2024. Tämä luku kertoo, kuinka nopeasti sivu reagoi vuorovaikutukseen, ja se mitataan millisekunteina. INP ottaa huomioon ajan aloittamisesta visuaalisen muutoksen ilmestymiseen kaikissa näissä vuorovaikutuksissa ja perustuu siihen, mikä kestää pisimpään, jotta saat tarkemman kuvan sivusi yleisestä vasteajasta.

  • Hyvä INP on 200 millisekuntia tai vähemmän.
  • INP-arvo 200–500 ms tarkoittaa, että sivustosi vuorovaikutteisuutta on parannettava.
  • INP-arvo yli 500 ms tarkoittaa huonoa vuorovaikutteista kokemusta käyttäjille.

Miten voin tarkistaa Core Web Vitals lukuni?

Voit tarkistaa Core Web Vitals -luvut Google Search Consolesta. Navigoi vasemmasta menuvalikosta kohtaan “Sivuston suorituskyky”, ja saat alla olevan näkymän.

Mikäli Search Console sanoo, ettei dataa ole kertynyt riittävästi, voit toteuttaa auditoinnin PageSpeed-työkalun avulla. Selaimessa toimiva maksuton sovellus on Googlen oma ja auttaa sinua optimoimaan sivustosi käytettävyyttä.

Lue myös opas sivuston nopeusoptimoinnista.

Voit tarkistaa Core Web Vitals- tiedot Google Search Consolesta.
Voit tarkistaa Core Web Vitals- tiedot Google Search Consolesta.

Testaa sivustosi kunto CrUX:n avulla

CrUX Vis on Chrome User Experience Report Visualizer -työkalu, joka on Googlen tarjoama ilmainen verkkotyökalu Core Web Vitals -mittareiden analysointiin. Työkalu visualisoi aitoa käyttäjädataa CrUX-raportista (Chrome User Experience Report), näyttäen sivustosi LCP-, CLS-, INP- ja FCP-arvoja reaaliaikaisesti.​

Työkalun toimintatapa perustuu maailmanlaajuisesti Chrome-selaimista haettuun kenttädataan, jota vertaillaan kilpailijoihin ja trendekihin. Kaikilla sivustoilla nämä luvut eivät ole käytössä, mutta voit testata, lyödätkö sivustosi dataa ja nykytilanteen maksuttoman verkkosovelluksen avulla.

Alla olevasta kuvasta näet, miten teknisen hakukoneoptimoinnin toimenpiteet ovat auttaneet sivuston käytettävyyden kasvussa.

Esimerkki hyvistä CrUX Vis -tiedoista.
Esimerkki hyvistä CrUX Vis -tiedoista.