Mitä Core Web Vitals ovat?
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
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.
Tämän takia Core Web Vitals ovat tärkeitä SEO:lle ja liiketoiminnalle
1. Ne vaikuttavat siihen, kuinka moni asiakas jaksaa jäädä
Sulkemaan välilehden Palaamaan Googleen Klikkaamaan sen sijaan kilpailijaa
2. Google käyttää Core Web Vitals -mittareita sijoitussignaalina
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ä
Sivun pitää latautua nopeasti, varsinkin mobiilissa. Painikkeiden on vastattava heti, kun niitä painetaan. Sisällön tulee pysyä paikoillaan, jotta ei tule virheklikkauksia.
Parempaa kokemusta kävijälle Parempia mahdollisuuksia näkyä Googlessa
Kolme Core Web Vitals -mittaria: LCP, INP ja CLS – helposti ilmaistuna
LCP – Kuinka nopeasti tärkein sisältö latautuu
Suuri otsikko + kuva yläreunassa Hero-osio Joskus iso tuotekuva
Hyvä: LCP alle n. 2,5 sekuntia Vaatii parannusta: 2,5–4 sekuntia Huono: yli 4 sekuntia
Liian raskaita kuvia yläreunassa Sekava etusivu, jossa on paljon elementtejä Hidas palvelin tai huono webhotelli
INP – Kuinka nopeasti sivu reagoi, kun joku klikkaa
Klikkaa painiketta Kirjoittaa lomakkeeseen Avaa valikon
Hyvä: INP alle n. 200 millisekuntia Vaatii parannusta: 200–500 ms Huono: yli 500 ms
Liiallisesta JavaScriptistä (paljon lisäosia, seurantaskriptejä, chat-widgettejä jne.) Evästebannereista ja popupeista, jotka latautuvat raskaasti Vanhasta tai huonosti optimoidusta koodipohjasta
CLS – Kuinka paljon sivu hyppii ympäriinsä
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
Hyvä: CLS alle 0,1 Vaatii parannusta: 0,1–0,25 Huono: yli 0,25
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)
Testaa Google PageSpeed Insightsin avulla
Mene PageSpeed Insightsiin Liitä sen sivun osoite, jota haluat testata, aloita etusivusta. Klikkaa "Analysoi" ja odota hetki. Aloita aina mobiilivälilehdeltä. Monille pienyrittäjille suurin osa liikenteestä on mobiilia.
Yleisarvosanan värinä (punainen/keltainen/vihreä) Osion nimeltä "Core Web Vitals assessment" LCP-, INP- ja CLS-arvoineen Ehdotuksia siitä, mikä hidastaa sivua
Onko Core Web Vitals -arviointi hyväksytty vai ei Mikä LCP:stä, INP:stä tai CLS:stä näyttää huonoimmalta
Tarkista todelliset käyttäjät Google Search Consolessa
Kirjaudu Ssearch Consoleen Valitse omaisuutesi (verkkotunnuksesi) Mene valikossa kohtaan "Core Web Vitals".
Kuinka moni URL-osoite on "Hyvä", "Vaatii parannusta" tai "Huono" Jaoteltuna mobiiliin ja tietokoneeseen Mitkä sivuryhmät kärsivät ongelmista
Chrome Lighthouse, jos haluat nörteillä hieman
Avaa sivu, jota haluat testata. Napsauta hiiren kakkospainikkeella → "Tarkista" (Inspect). Siirry "Lighthouse" (tai "Audits") -välilehdelle. Suorita "Performance" (Suorituskyky) -testi.
Yleisiä ongelmia, joita näemme pienyrittäjillä, ja miten parannat Core Web Vitals -arvojasi
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.

Kajsa Uhlin
SEO-asiantuntija Robinilla
LCP: suuret kuvat ja sekavat etusivut
Erittäin suuri täyden resoluution hero-kuva suoraan etusivulla Kuvakarusellit/sliderit, jotka lataavat useita kuvia kerralla Video taustana, usein korkealaatuisena
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
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
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ä
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
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ä
Vaihdat teemaa tai designia Asennat uuden lisäosan Lisäät uuden skriptin miltä tahansa palveluntarjoajalta Lisäät uutta sisältöä, kuvia ja videoita
Testaa säännöllisesti. Suorita nopea Core Web Vitals -testi PageSpeed Insightsissa, kun olet tehnyt suuria muutoksia. Seuraa Search Consolessa. Katso Core Web Vitals -raporttia noin kerran kuukaudessa. Onko "huonojen" osoitteiden määrä kasvanut? 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). 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?
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
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
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ä
Yhteenveto – näin pääset alkuun tänään
Tee Core Web Vitals -testi tärkeimmälle sivullesi PageSpeed Insightsin avulla (aloita mobiilista). Tunnista suurin hidasteesi – onko se LCP (latausaika), INP (reagointikyky) vai CLS (hyppivä sisältö)? Korjaa ensin yksinkertaiset asiat: kuvat, lisäosat, bannerit, popup-ylitarjonta. Testaa uudelleen ja katso, ovatko Core Web Vitals -pisteesi muuttuneet vihreiksi tai edes keltaisiksi. Hanki apua, jos jäät jumiin tai jos sinulla on suuri sivusto, jossa on paljon pelissä.

Marina Göransson
SEO-manager Robinilla







