Core Web Vitals: LCP, INP ja CLS selkokielellä

Q: Mitä LCP, INP ja CLS mittaavat?

<div class="tbl" <div class="tbl scroll" <table <caption Core Web Vitals mittarit ja Googlen raja arvot hyvälle tulokselle.</caption <colgroup <col / <col / <col / <col / </colgroup <thead <tr <th scope="col" Mittari</th <th scope="col" Mitä mittaa</th <th scope="col" Hyvä</th <th scope="col" Heikko</th </tr </thead <tbody <tr <th scope="row" LCP</th <td Kuinka nopeasti sivun suurin näkyvä elementti latautuu</td <td class="num" enintään 2,5 s</td <td class="num" yli 4 s</td </tr <tr <th scope="row" INP</th <td Kuinka nopeasti sivu reagoi klikkaukseen tai napautukseen</td <td class="num" enintään 200 ms</td <td class="num" yli 500 ms</td </tr <tr <th scope="row" CLS</th <td Kuinka paljon sisältö siirtyy latauksen aikana</td <td class="num" enintään 0,1</td <td class="num" yli 0,25</td </tr </tbody </table </div </div LCP ( Largest Contentful Paint ) kertoo, milloin kävijä näkee sivun pääs

Q: Mitkä korjaukset auttavat eniten?

<ol class="vaiheet" <li <b LCP: pääkuva kuntoon</b <p Kuva pakataan nykyaikaiseen muotoon, kuten WebP tai AVIF, se tarjoillaan näytön kokoon sopivana ja sille annetaan latausprioriteetti. Pääkuvaa ei ladata laiskasti. Hidas palvelin tai raskas teema näkyy myös LCP:ssä.</p </li <li <b INP: vähemmän JavaScriptiä</b <p Hidas reagointi johtuu lähes aina siitä, että selain suorittaa koodia. Tarpeettomat lisäosat, seurantakoodit, chat ikkunat ja liukusäätimet poistetaan tai ladataan vasta tarvittaessa.</p </li <li <b CLS: tilavaraus</b <p Kuville ja upotuksille annetaan leveys ja korkeus, jotta selain varaa tilan etukäteen. Evästeilmoitus ja myöhään latautuvat bannerit sijoitetaan niin, etteivät ne työnnä sisältöä.</p </li </ol WordPress sivustolla syy löytyy usein teemasta ja lisäosien määrästä. WordPress sivuston hakukoneoptimointi käsittelee nopeuden alustakohtaisesti, ja Shopify kaupassa v

Core Web Vitals on kolmen mittarin joukko, jolla Google arvioi sivun käyttökokemusta: kuinka nopeasti pääsisältö latautuu, kuinka nopeasti sivu reagoi ja pysyykö sisältö paikallaan. Mittarit ovat LCP, INP ja CLS.

Mittarit vaikuttavat hakusijoituksiin, mutta vähemmän kuin usein väitetään. Suurempi syy korjata ne on, että hidas ja hyppivä sivu menettää kävijöitä ennen kuin he ehtivät lukea mitään.

Mitä LCP, INP ja CLS mittaavat?

Core Web Vitals -mittarit ja Googlen raja-arvot hyvälle tulokselle.
Mittari	Mitä mittaa	Hyvä	Heikko
LCP	Kuinka nopeasti sivun suurin näkyvä elementti latautuu	enintään 2,5 s	yli 4 s
INP	Kuinka nopeasti sivu reagoi klikkaukseen tai napautukseen	enintään 200 ms	yli 500 ms
CLS	Kuinka paljon sisältö siirtyy latauksen aikana	enintään 0,1	yli 0,25

LCP (Largest Contentful Paint) kertoo, milloin kävijä näkee sivun pääsisällön. Suurin elementti on tavallisesti pääkuva tai otsikko.

INP (Interaction to Next Paint) kertoo, kuinka kauan kestää, ennen kuin sivu näyttää reagoivan, kun kävijä painaa nappia, avaa valikon tai kirjoittaa kenttään. INP korvasi aiemman FID-mittarin maaliskuussa 2024.

CLS (Cumulative Layout Shift) kertoo, hyppiikö sisältö. Tuttu esimerkki: olet painamassa linkkiä, mainos latautuu yläpuolelle ja painat väärää kohtaa.

Raja-arvo täyttyy, kun 75 prosenttia käynneistä on hyvällä tasolla. Yksittäinen nopea lataus omalla koneella ei siis kerro tulosta.

Mistä luvut näkee?

Lukuja on kahta lajia, ja niiden ero selittää useimmat väärinkäsitykset.

Kenttädata on mitattu oikeilta kävijöiltä Chrome-selaimessa 28 päivän ajalta. Tämä on se data, jota Google käyttää. Se näkyy Search Consolen Core Web Vitals -raportissa ja PageSpeed Insightsin yläosassa. Pienellä sivustolla kävijöitä ei aina ole tarpeeksi, jolloin kenttädataa ei ole lainkaan.

Laboratoriodata on yksi testilataus simuloidulla laitteella. Lighthouse ja PageSpeed Insightsin alaosa näyttävät sitä. Se on hyvä vianetsintään, mutta sen pistemäärä ei ole se luku, jonka Google näkee.

PageSpeed Insightsin pistemäärä 0–100 on laboratorioluku. Sivu voi saada 60 pistettä ja silti läpäistä Core Web Vitals -arvion kenttädatassa, tai päinvastoin. Pistemäärän hiominen sataan ei ole tavoite.

Kuinka paljon Core Web Vitals vaikuttaa sijoitukseen?

Vähän. Google on kuvannut sivukokemusta tekijäksi, joka voi ratkaista silloin, kun sisällöltään samanarvoisia sivuja on useita. Hidas sivu, jolla on paras vastaus, ohittaa yhä nopean sivun, jolla on huono vastaus.

Suurempi vaikutus on kävijöihin. Jos pääsisältö ilmestyy vasta viiden sekunnin kuluttua mobiiliverkossa, osa kävijöistä on jo palannut hakutuloksiin. Jos lomakkeen lähetysnappi ei reagoi, yhteydenotto jää tekemättä. Nämä ovat menetettyjä liidejä riippumatta siitä, mitä sijoitukselle tapahtuu. Tekninen virhe ja menetetty liidi kertoo, miten vaikutus arvioidaan euroina.

Mitkä korjaukset auttavat eniten?

LCP: pääkuva kuntoon
Kuva pakataan nykyaikaiseen muotoon, kuten WebP tai AVIF, se tarjoillaan näytön kokoon sopivana ja sille annetaan latausprioriteetti. Pääkuvaa ei ladata laiskasti. Hidas palvelin tai raskas teema näkyy myös LCP:ssä.
INP: vähemmän JavaScriptiä
Hidas reagointi johtuu lähes aina siitä, että selain suorittaa koodia. Tarpeettomat lisäosat, seurantakoodit, chat-ikkunat ja liukusäätimet poistetaan tai ladataan vasta tarvittaessa.
CLS: tilavaraus
Kuville ja upotuksille annetaan leveys ja korkeus, jotta selain varaa tilan etukäteen. Evästeilmoitus ja myöhään latautuvat bannerit sijoitetaan niin, etteivät ne työnnä sisältöä.

WordPress-sivustolla syy löytyy usein teemasta ja lisäosien määrästä. WordPress-sivuston hakukoneoptimointi käsittelee nopeuden alustakohtaisesti, ja Shopify-kaupassa vastaava syy on sovellusten määrä.

Milloin nopeuteen ei kannata käyttää aikaa?

Jos Search Consolen raportissa osoitteet ovat hyvällä tasolla tai kenttädataa ei ole ja sivu latautuu puhelimella parissa sekunnissa, nopeus ei ole pullonkaula. Silloin sama aika tuottaa enemmän sisältöön käytettynä.

Yleinen virhe on käyttää tunteja siihen, että laboratoriopisteet nousevat 85:stä 98:aan. Kävijä ei huomaa eroa, eikä Google mittaa sitä.

Tilaa tekninen auditointi

Tilaa auditointi, jos Core Web Vitals -raportissa on heikkoja osoitteita etkä tiedä, mistä ne johtuvat. Kerromme, mikä hidastaa ja kannattaako se korjata. Taustaa on sivulla tekninen SEO.

Päivitetty 2.10.2026