Sisältöön

Core Web Vitals: Mitä ne ovat, miksi ne ovat tärkeitä ja miten korjaat ne

Core Web Vitals saattaa kuulostaa joltain, mistä vain kehittäjät ja verkkonörtit välittävät. Totuus on kuitenkin se, että nämä kolme mittaria kertovat todella paljon siitä, miten kävijät kokevat verkkosivustosi ja kuinka mielellään Google haluaa näyttää sinut hakutuloksissa.

Tässä oppaassa käymme läpi, mitä Google Core Web Vitals ovat, miksi niillä on merkitystä SEO:n kannalta, kuinka teet helposti Core Web Vitals -testin omalle sivustollesi ja mitä nopeita tuloksia voit saavuttaa ilman, että osaat riviäkään koodia.

undefined

Marina Göransson

SEO-manager Robinilla

Henkilö, joka analysoi Core Web Vitals -mittareita (LCP, INP, CLS) kannettavalla tietokoneella.

Yhteenveto

Core Web Vitals ovat kolme mittaria, jotka osoittavat, kuinka nopea, reagoiva ja vakaa verkkosivustosi on: LCP (kuinka nopeasti pääsisältö näkyy), INP (kuinka nopeasti sivu reagoi, kun joku klikkaa) ja CLS (kuinka paljon sisältö hyppii ympäriinsä).

Pienyrittäjälle ne vaikuttavat sekä asiakaskokemukseen että siihen, kuinka hyvin voit näkyä Googlessa. Ne ovat yksi monista SEO-sijoitustekijöistä, joissa hyvät arvot voivat antaa sinulle etulyöntiaseman kilpailijoihin nähden.

Oppaassa käymme läpi, kuinka testaat Core Web Vitals -arvosi, tulkitset tuloksia ja mitkä yksinkertaiset toimenpiteet tekevät yleensä suurimman eron.

Mitä Core Web Vitals ovat?

Core Web Vitals – tai Web Core Vitals – tarkoittavat kolmea mittaria, joita Google käyttää arvioidakseen sivun tarjoamaa käyttäjäkokemusta. Ne keskittyvät kolmeen asiaan:

  • Kuinka nopeasti tärkein sisältö latautuu
  • Kuinka nopeasti sivu reagoi, kun joku on vuorovaikutuksessa sen kanssa (esim. klikkaa)
  • Kuinka vakaa ulkoasu on sivun latautuessa

Nämä kolme mittaria ovat nimeltään:

  • LCP (Largest Contentful Paint): mittaa, kuinka kauan kestää, ennen kuin sivun suurin, tärkein sisältölohko näkyy kävijälle. Usein se on suuri otsikko ja kuva sivun yläreunassa.
  • INP (Interaction to Next Paint): mittaa aikaa siitä, kun käyttäjä tekee vuorovaikutuksen (esim. klikkaa painiketta, kirjoittaa lomakkeeseen), siihen, kun sivu todella päivittyy visuaalisesti seuraavan kerran. Se osoittaa, kuinka nopeasti sivu tuntuu reagoivan.
  • CLS (Cumulative Layout Shift): mittaa, kuinka paljon sivun sisältö siirtyy odottamattomasti sivun latautuessa, esimerkiksi kun kuva tai banneri työntyy esiin ja saa tekstin ja painikkeet hyppimään.
Core Web Vitals - LCP, INP, CLS

Kuvittele, että verkkosivustosi on kuin fyysinen myymälä:

LCP on se, kuinka nopeasti asiakas näkee tarjontasi astuessaan sisään.

INP on se, kuinka nopeasti jotain todella tapahtuu, kun hän painaa "varaa aika", "soita" tai "lisää ostoskoriin".

CLS on sitä, jos hyllyt ja kyltit yhtäkkiä siirtyvät ympäriinsä niin, että kaikki tuntuu sekavalta.

Tämän takia Core Web Vitals ovat tärkeitä SEO:lle ja liiketoiminnalle

Core Web Vitals eivät ole vain teknisiä numeroita työkalussa. Ne ovat osa Googlen virallista sijoitusjärjestelmää ja voivat vaikuttaa sekä siihen, kuinka korkealle voit näkyä hakutuloksissa, että siihen, kuinka moni asiakas todella jää sivustollesi.

1. Ne vaikuttavat siihen, kuinka moni asiakas jaksaa jäädä

Ihmiset ovat kärsimättömiä verkossa. Sivusto, joka tuntuu hitaalta tai hyppii ympäriinsä, saa kävijät:

  • Sulkemaan välilehden
  • Palaamaan Googleen
  • Klikkaamaan sen sijaan kilpailijaa

Tämä tarkoittaa vähemmän kyselyitä, vähemmän varauksia ja vähemmän "lisää ostoskoriin" -tapahtumia.

2. Google käyttää Core Web Vitals -mittareita sijoitussignaalina

Google on vahvistanut, että Core Web Vitals ovat osa heidän "sivukokemuksen" (page experience) arviointiaan. Se ei ole ainoa sijoitustekijä – sisältö ja linkit ovat muun muassa edelleen erittäin tärkeitä – mutta Core Web Vitals voi olla ratkaiseva tekijä silloin, kun kaksi sivua ovat muuten suurin piirtein tasavertaisia. Hyvät Core Web Vitals -arvot voivat siis:

  • Antaa pienen nosteen verrattuna kilpailijoihin, joilla on hidas tai sekava sivusto.
  • Auttaa sinua säilyttämään jo saavuttamasi näkyvyyden, kun Google päivittää algoritmejaan.

3. Palvelee sekä hakukoneoptimointia että käyttäjiä

Hyvä asia on se, että Google haluaa samaa, kuin asiakkaasi:

  • Sivun pitää latautua nopeasti, varsinkin mobiilissa.
  • Painikkeiden on vastattava heti, kun niitä painetaan.
  • Sisällön tulee pysyä paikoillaan, jotta ei tule virheklikkauksia.

Kun teet Core Web Vitals -optimointia, työskentelet samalla kohti:

  • Parempaa kokemusta kävijälle
  • Parempia mahdollisuuksia näkyä Googlessa

Kaksi kärpästä yhdellä iskulla!

Kolme Core Web Vitals -mittaria: LCP, INP ja CLS – helposti ilmaistuna

Nyt käymme läpi itse mittarit. Pidämme sen lyhyenä ja konkreettisena.

LCP – Kuinka nopeasti tärkein sisältö latautuu

LCP (Largest Contentful Paint) mittaa, kuinka kauan kestää, ennen kuin sivun suurin ja tärkein lohko näkyy. Se on usein:

  • Suuri otsikko + kuva yläreunassa
  • Hero-osio
  • Joskus iso tuotekuva

Googlen asettama viitearvo on yleensä:

  • Hyvä: LCP alle n. 2,5 sekuntia
  • Vaatii parannusta: 2,5–4 sekuntia
  • Huono: yli 4 sekuntia
LCP Largest Contentful Paint

Sinulle huono LCP-arvo tarkoittaa usein:

  • Liian raskaita kuvia yläreunassa
  • Sekava etusivu, jossa on paljon elementtejä
  • Hidas palvelin tai huono webhotelli

INP – Kuinka nopeasti sivu reagoi, kun joku klikkaa

INP (Interaction to Next Paint) on uudempi mittari, joka korvasi FID:n (First Input Delay) Core Web Vitals -mittareissa.

INP mittaa, kuinka nopeasti sivu reagoi, kun joku:

  • Klikkaa painiketta
  • Kirjoittaa lomakkeeseen
  • Avaa valikon

Tässä Google haluaa nähdä, että vuorovaikutus tuntuu lähes välittömältä:

  • Hyvä: INP alle n. 200 millisekuntia
  • Vaatii parannusta: 200–500 ms
  • Huono: yli 500 ms
INP - Interaction to Next Paint

Huono INP johtuu usein:

  • Liiallisesta JavaScriptistä (paljon lisäosia, seurantaskriptejä, chat-widgettejä jne.)
  • Evästebannereista ja popupeista, jotka latautuvat raskaasti
  • Vanhasta tai huonosti optimoidusta koodipohjasta

Huomaat sen siitä, kun sivu "miettii" parin sekunnin ajan klikkauksen jälkeen.

CLS – Kuinka paljon sivu hyppii ympäriinsä

CLS (Cumulative Layout Shift) mittaa, kuinka paljon sisältö hyppii sivun latautuessa.

Olet varmasti kokenut, että:

  • Olet klikkaamassa "Lähetä", mutta yhtäkkiä banneri ilmestyy ylimmäksi
  • Teksti siirtyy, kun kuva latautuu
  • Klikkaat vahingossa mainosta sen painikkeen sijaan, johon tähtäsit

Tämä on CLS käytännössä. Viitearvo:

  • Hyvä: CLS alle 0,1
  • Vaatii parannusta: 0,1–0,25
  • Huono: yli 0,25
CLS - Cumulative Layout Shift

CLS-ongelmat johtuvat usein:

  • Kuvista/mainoksista, joilta puuttuu koodissa määritelty korkeus ja leveys
  • Bannereista, jotka painavat sisältöä alaspäin
  • Fonteista, jotka latautuvat myöhään ja muuttavat tekstin kokoa

Näin testaat sivustosi Core Web Vitals -mittarit (ilmaiseksi)

Ennen kuin alat korjata mitään, on hyvä tietää nykytilanne. Näin teet yksinkertaisen Core Web Vitals -testin.

Testaa Google PageSpeed Insightsin avulla

  1. Mene PageSpeed Insightsiin
  2. Liitä sen sivun osoite, jota haluat testata, aloita etusivusta.
  3. Klikkaa "Analysoi" ja odota hetki.
  4. Aloita aina mobiilivälilehdeltä. Monille pienyrittäjille suurin osa liikenteestä on mobiilia.

Saat nyt:

  • Yleisarvosanan värinä (punainen/keltainen/vihreä)
  • Osion nimeltä "Core Web Vitals assessment" LCP-, INP- ja CLS-arvoineen
  • Ehdotuksia siitä, mikä hidastaa sivua

Keskity seuraaviin:

  • Onko Core Web Vitals -arviointi hyväksytty vai ei
  • Mikä LCP:stä, INP:stä tai CLS:stä näyttää huonoimmalta

💡 Jos sivustollasi on vähän liikennettä, PageSpeed Insights saattaa näyttää, että Core Web Vitals -kenttädataa (field data) ei ole. Saat silti hyvän ensiaineiston laboratoriodatan (lab data) kautta ja voit käyttää samoja suosituksia.

Tarkista todelliset käyttäjät Google Search Consolessa

Jos olet jo yhdistänyt Google Search Consolen sivustollesi (mitä sinun todella pitäisi tehdä), saat vielä parempaa dataa.

  1. Kirjaudu Ssearch Consoleen
  2. Valitse omaisuutesi (verkkotunnuksesi)
  3. Mene valikossa kohtaan "Core Web Vitals".

Siellä näet:

  • Kuinka moni URL-osoite on "Hyvä", "Vaatii parannusta" tai "Huono"
  • Jaoteltuna mobiiliin ja tietokoneeseen
  • Mitkä sivuryhmät kärsivät ongelmista

Tämä on todellista dataa kävijöiltäsi, ei vain laboratoriotestiä.

undefined

Chrome Lighthouse, jos haluat nörteillä hieman

Jos haluat nähdä enemmän yksityiskohtia, voit käyttää Lighthouse Core Web Vitalsia suoraan Chromessa:

  1. Avaa sivu, jota haluat testata.
  2. Napsauta hiiren kakkospainikkeella → "Tarkista" (Inspect).
  3. Siirry "Lighthouse" (tai "Audits") -välilehdelle.
  4. Suorita "Performance" (Suorituskyky) -testi. 

Saat silloin teknisemmän raportin, mutta myös selkeät selitykset siitä, mikä vie aikaa. Tämä on erityisen hyödyllistä, jos teet yhteistyötä kehittäjän kanssa.

Yleisiä ongelmia, joita näemme pienyrittäjillä, ja miten parannat Core Web Vitals -arvojasi

Kun tutkimme pienyritysten sivustoja, näemme samat mallit yhä uudelleen. Täältä löytyvät usein nopeimmat voitot.

Pienet yksinkertaiset parannukset voivat tehdä suuren eron

Monille pienyrittäjille Core Web Vitals -parannus alkaa yksinkertaisista asioista: kuvista ja lisäosista. Kun käymme niitä yhdessä läpi, pystymme yleensä poistamaan turhaa painoa ja tekemään sivusta huomattavasti helpomman selata.

Muotokuva Kajsa Uhlinista, SEO-asiantuntija Robinilla

Kajsa Uhlin

SEO-asiantuntija Robinilla

LCP: suuret kuvat ja sekavat etusivut

Yleisiä ongelmia:

  • Erittäin suuri täyden resoluution hero-kuva suoraan etusivulla
  • Kuvakarusellit/sliderit, jotka lataavat useita kuvia kerralla
  • Video taustana, usein korkealaatuisena

Yksinkertaisia ratkaisuja:

  • Pakkaa kuvat ja käytä oikeaa kokoa (esimerkiksi 1600 px leveys 6000 px sijaan)
  • Vaihda sliderit selkeään still-kuvaan, jolla on hyvä viesti
  • Sijoita raskaat videot alemmas sivulle tai erilliselle alasivulle
  • Tarkista webhotellisi: jos palvelin on hidas, kevytkin sivusto voi tuntua hitaalta

INP (ja TBT): liikaa lisäosia, skriptejä ja popupeja

Monet sekoittavat INP:n ja TBT:n (Total Blocking Time). TBT on laboratoriomittari, joka liittyy siihen, kuinka pitkään sivu on "lukittuna" kävijältä. Jos sinulla on korkea TBT, sinulla on usein myös huono INP.

Yleisiä ongelmia:

  • Olet asentanut monia WordPress-lisäosia "varmuuden vuoksi"
  • Käytät useita analytiikka- ja seurantatyökaluja
  • Sinulla on chat-widgettejä, evästebannereita, popupeja, exit-intent-ikkunoita – kaikki kerralla

Yksinkertaisia ratkaisuja:

  • Käy lisäosat läpi. Poista ne, joita et käytä, ja vaihda vanhat, raskaat ratkaisut kevyempiin vaihtoehtoihin
  • Anna joidenkin skriptien latautua vasta, kun sivu on käyttökelpoinen (esim. "defer"/"delay" -ominaisuuksilla – kehittäjäsi tietää miten)
  • Mieti, tarvitsetko todella kaikkia popupeja. Vähemmän elementtejä = rauhallisempi kokemus ja paremmat Core Web Vitals -pisteet
  • Käytä välimuistiratkaisuja (caching), jotka varmistavat, ettei palvelimen tarvitse tehdä kaikkea työtä joka kerta

CLS: elementit, jotka hyppivät ympäriinsä

Yleisiä ongelmia:

  • Kuvat lisätään ilman, että niille määritetään korkeutta ja leveyttä
  • Mainokset ja bannerit työnnetään sivun yläosaan
  • Fontit latautuvat myöhään ja saavat koko tekstin yhtäkkiä vaihtamaan kokoaan

Yksinkertaisia ratkaisuja:

  • Varmista, että kaikilla kuvilla on sekä leveys että korkeus määriteltynä koodissa tai modernin teeman kautta
  • Sijoita bannerit siten, etteivät ne työnnä pois tärkeää tekstiä, tai anna niiden mennä osittain päällekkäin sisällön työntämisen sijaan
  • Käytä fontteja fiksusti: joko laitteessa jo olevia järjestelmäfontteja tai fonttiasetuksia, joiden avulla sivu voidaan näyttää heti ilman hyppimistä

Näin työskentelet fiksusti Core Web Vitalsien kanssa ajan myötä

Core Web Vitals ei ole mikään kertaluonteinen projekti. Ne muuttuvat aina, kun:

  • Vaihdat teemaa tai designia
  • Asennat uuden lisäosan
  • Lisäät uuden skriptin miltä tahansa palveluntarjoajalta
  • Lisäät uutta sisältöä, kuvia ja videoita

Toimi näin pitääksesi tilanteen hallinnassa hukkumatta töihin:

  1. Testaa säännöllisesti. Suorita nopea Core Web Vitals -testi PageSpeed Insightsissa, kun olet tehnyt suuria muutoksia.
  2. Seuraa Search Consolessa. Katso Core Web Vitals -raporttia noin kerran kuukaudessa. Onko "huonojen" osoitteiden määrä kasvanut?
  3. Tee pieniä parannuksia jatkuvasti. Sinun ei tarvitse korjata kaikkea samana päivänä. Ota yksi sivu tai tietyntyyppinen ongelma kerrallaan (esim. kuvat ensin, sitten lisäosat).
  4. Ota suorituskyky mukaan suunnitteluun. Kun joku ehdottaa uutta popupia tai lisäosaa – kysy: "Miten tämä vaikuttaa Core Web Vitals -arvoihimme?"

Milloin kannattaa turvautua Core Web Vitals -konsultin apuun?

Paljon voi korjata itse, etenkin jos sinulla on pienempi verkkosivusto. Joskus kuitenkin kannattaa hankkia apua.

Voit usein korjata asioita itse, jos:

  • Sinulla on suhteellisen yksinkertainen sivusto (esim. WordPress modernilla teemalla)
  • Ongelmat koskevat enimmäkseen muutamia suuria kuvia
  • Olet hiljattain vaihtanut erittäin vanhasta teemasta uuteen

Tähän riittää usein:

  • Kuvien optimointi
  • Lisäosien siivous
  • Pieni maalaisjärki bannereiden ja popupien suhteen

On fiksua pyytää apua, jos:

  • Pyörität suurta sivustoa tai verkkokauppaa, jolla on paljon liikennettä
  • Sinulla on paljon integraatioita (varausjärjestelmiä, maksuratkaisuja, CRM, mainoksia jne.)
  • Olet jo yrittänyt optimoida itse, mutta saat edelleen punaista Core Web Vitals -raportissa
  • Sinulla ei ole aikaa tai halua perehtyä yksityiskohtiin JavaScriptistä, välimuistista ja palvelinratkaisuista

Core Web Vitals -konsultti (tai on SEO-asiantuntijan työpäivä Robinilla) voi silloin:

  • Tehdä perusteellisen analyysin sekä laboratoriodatasta (Lighthouse) että kenttädatasta (Search Console)
  • Priorisoida sen, mikä todella vaikuttaa eniten, ei vain sitä, mikä "näyttää hyvältä" työkaluissa
  • Työskennellä yhdessä kehittäjäsi tai verkkokumppanisi kanssa muutosten toteuttamiseksi
  • Seurata, että Core Web Vitals -arvot todella paranevat ajan myötä
undefined

Orhan Alomerovic, SEO-asiantuntijan työpäivä Robinilla

Yhteenveto – näin pääset alkuun tänään

Jos tiivistämme kaiken yksinkertaiseksi suunnitelmaksi, se näyttää tältä:

  1. Tee Core Web Vitals -testi tärkeimmälle sivullesi PageSpeed Insightsin avulla (aloita mobiilista).
  2. Tunnista suurin hidasteesi – onko se LCP (latausaika), INP (reagointikyky) vai CLS (hyppivä sisältö)?
  3. Korjaa ensin yksinkertaiset asiat: kuvat, lisäosat, bannerit, popup-ylitarjonta.
  4. Testaa uudelleen ja katso, ovatko Core Web Vitals -pisteesi muuttuneet vihreiksi tai edes keltaisiksi.
  5. Hanki apua, jos jäät jumiin tai jos sinulla on suuri sivusto, jossa on paljon pelissä.

Tärkeintä on aloittaa. Pienet parannukset voivat tehdä suuren eron sekä kävijöillesi että sille, miten näyt Googlessa. Core Web Vitals on usein erityisen tärkeä verkkokaupan SEO:lle.

undefined

Marina Göransson

SEO-manager Robinilla

Tarvitsetko apua Core Web Vitalsien ja SEO:n kanssa?

Käymme läpi verkkosivustosi, näemme mitä arvoa se todella tuottaa tänään ja miten Core Web Vitals ja SEO vaikuttavat näkyvyyteesi.

  • Analysoimme Core Web Vitals -arvosi mobiilissa ja tietokoneella ja näytämme, mikä jarruttaa
  • Tarkastelemme sivustoasi SEO-näkökulmasta – tekniikka, sisältö ja nopeus
  • Laadimme selkeän tärkeysjärjestyslistan ja autamme sen toteuttamisessa
SEO-toimisto Lue lisää SEO:sta
Varaa digitaalisen markkinoinnin neuvonta, mies kuulokemikrofonissa ja kalenteri.

Usein kysyttyä Core Web Vitals -mittareista

Mitä Core Web Vitals ovat?

Core Web Vitals ovat kolme tunnuslukua, joita Google käyttää nähdäkseen, tuntuuko verkkosivusto nopealta, responsiiviselta ja vakaalta todellisten kävijöiden mielestä. Ne mittaavat, kuinka nopeasti sivu latautuu, kuinka nopeasti se vastaa, kun sitä klikataan, ja hyppiikö sisältö ympäriinsä.

Mitä ovat LCP, INP ja CLS?

  • LCP (Largest Contentful Paint) mittaa, kuinka nopeasti sivun tärkein sisältö tulee näkyviin
  • INP (Interaction to Next Paint) mittaa, kuinka nopeasti sivu reagoi, kun joku klikkaa tai napauttaa
  • CLS (Cumulative Layout Shift) mittaa, kuinka paljon ulkoasu hyppii sivun latautuessa

Yhdessä ne muodostavat Google Core Web Vitalsien ytimen.

Ovatko Core Web Vitals tärkeitä SEO:lle?

Kyllä. Core Web Vitals ovat osa Googlen "page experience" (sivukokemus) -arviointia ja voivat vaikuttaa siihen, kuinka korkealle sivustosi näkyy hakutuloksissa. Ne eivät ratkaise kaikkea, mutta hyvät arvot voivat antaa etulyöntiaseman kilpailijoihin nähden, joilla on hitaammat tai sekavammat sivut.

Miten teen Core Web Vitals -testin?

Helpointa on käyttää PageSpeed Insightsia. Liitä testattavan sivun osoite, suorita analyysi ja katso erityisesti Core Web Vitalsia käsittelevää osiota. Jos sinulla on Google Search Console, voit nähdä Core Web Vitals -raportin myös koko verkkosivustollesi.

Mikä on hyvä Core Web Vitals -arvosana?

Nyrkkisääntönä:

  • LCP alle n. 2,5 sekuntia
  • INP alle n. 200 millisekuntia
  • CLS alle 0,1

Jos olet suunnilleen näissä rajoissa, Core Web Vitals -arvosi ovat yleensä "vihreitä" Googlen työkaluissa.

Mikä aiheuttaa huonot Core Web Vitals -arvot?

Yleisiä syitä ovat:

  • Liian suuret tai liian monet kuvat, erityisesti korkealla sivulla
  • Monet raskaat lisäosat ja skriptit (esim. chat-widgetit, evästebannerit, seurantaohjelmat)
  • Bannerit ja elementit, jotka työntävät sisältöä sivuun
  • Hidas palvelin tai vanha teema

Paraneeko sijoitukseni, jos parannan Core Web Vitals -arvojani?

Se voi parantua, mutta se ei ole taattua. Core Web Vitals on vain yksi Googlen monista sijoitustekijöistä yhdessä sisällön, linkkien ja sivun relevanssin kanssa. Paremmat Core Web Vitals -arvot voivat antaa sinulle etulyöntiaseman verrattuna kilpailijoihin, joilla on samankaltaista sisältöä, ja samalla tehdä sivusta nopeamman ja helppokäyttöisemmän kävijöillesi.

Etsimme uusia asiakkaita puolestasi, jotta sinä voit keskittyä tekemään sitä, mitä rakastat

Skrattande kollegor i matchande lila tröjor.

Mikä on Robin ja miten me voimme auttaa sinua?

Tarjoamme yrityksesi tarpeisiin räätälöityjä markkinointiratkaisuja. Meidän tehtävämme on hoitaa vaikein osuus, jotta sinä voit keskittyä siihen, mistä pidät.

Kaikki palvelumme
null

Opi kaikki digitaalisesta markkinoinnista Robinilta

Sukella artikkelien arkistoomme, oppaisiin ja älykkäisiin vinkkeihin, jotka parantavat nopeasti osaamistasi hakukoneoptimoinnissa, sosiaalisessa mediassa ja kaikessa digimarkkinoinnissa.

Lue artikkelit
AI-kuvien mockup

Jokainen sankari tarvitsee tiimin

Yrityksen johtaminen on kaikkea muuta kuin helppoa. Pelkät suuret tavoitteet eivät riitä, vaan usein tarvitaan myös pitkiä päiviä, loputonta sinnikkyyttä ja apua omalta tiimiltä.

Lisätietoa Robinista

Kaikki palvelumme

Tarvitsetko räätälöityjä ratkaisuja? Ota meihin yhteyttä!