Core Web Vitals

Mitä Core Web Vitals tarkoittaa?

Core Web Vitals on kolmen suorituskykymittarin kokonaisuus Googlelta. Ne mittaavat, kuinka nopeasti sivu latautuu, kuinka nopeasti se reagoi klikkauksiin ja kuinka vakaana asettelu pysyy latauksen aikana. Google esitteli ne vuonna 2020 ja teki niistä hakusijoitustekijän kesäkuussa 2021.^[1]

Sivu läpäisee Core Web Vitals -testin, kun vähintään 75 % todellisista käyttäjävierailuista saa "Hyvä"-tuloksen kaikissa kolmessa mittarissa.

Mitkä ovat kolme Core Web Vitals -mittaria?

Largest Contentful Paint (LCP) mittaa latausnopeutta. Se seuraa, milloin suurin näkyvä elementti (yleensä pääkuva tai otsikko) renderöityy valmiiksi.

• Hyvä: 2,5 sekuntia tai alle
• Vaatii parannusta: 2,5–4,0 sekuntia
• Huono: yli 4,0 sekuntia

Interaction to Next Paint (INP) mittaa reagointikykyä. Se korvasi First Input Delay (FID) -mittarin maaliskuussa 2024. INP tarkkailee jokaista klikkausta, napautusta ja näppäimistötoimintoa vierailun aikana. Se raportoi hitaimman (tai lähes hitaimman) vasteajan.^[2]

• Hyvä: 200 millisekuntia tai alle
• Vaatii parannusta: 200–500 millisekuntia
• Huono: yli 500 millisekuntia

Cumulative Layout Shift (CLS) mittaa visuaalista vakautta. Se seuraa, kuinka paljon sivun asettelu hyppii latauksen jälkeen. Yleisiä syitä ovat kuvat ilman määritettyjä mittoja, mainokset jotka työntävät sisältöä alaspäin ja fontit jotka vaihtuvat ensimmäisen renderöinnin jälkeen.

• Hyvä: 0,1 tai alle
• Vaatii parannusta: 0,1–0,25
• Huono: yli 0,25

Miksi Core Web Vitals on tärkeä?

Hakusijoitukset. Google käyttää Core Web Vitalsia sijoitussignaalina. Sivut, jotka läpäisevät kaikki kolme mittaria, saavat pienen mutta todellisen edun kilpailluissa hakutuloksissa.^[1]

Poistumisprosentti ja liikevaihto. Hitaammat latausajat karkottavat kävijöitä. Googlen tutkimus osoittaa, että yhden sekunnin viive LCP:ssä voi aiheuttaa mitattavia pudotuksia konversioprosentissa, erityisesti verkkokauppasivustoilla.^[3]

Käyttäjäkokemus. Huono LCP saa sivun tuntumaan hitaalta. Korkea CLS aiheuttaa vahinkklikkauksia, kun sisältö hyppää. Huono INP tekee painikkeista reagoimattomia. Viranomaisportaalilla tai vakuutushakemus-sivulla nämä ongelmat turhauttavat käyttäjiä ja lisäävät tukipuheluita.

Vaatimustenmukaisuus ja saavutettavuus. Hitaat ja epävakaat sivut luovat esteitä käyttäjille, joilla on vanhempia laitteita tai hitaampia yhteyksiä. Tämä vaikuttaa suhteettomasti maaseudun asukkaisiin ja apuvälineteknologian käyttäjiin. Sisältötiimien ja saavutettavuusvastaavien kannattaa seurata Core Web Vitalsia osana laatustandardejaan.

Miten Core Web Vitalsia mitataan?

Google Search Console näyttää kenttädataa oikeilta Chrome-käyttäjiltä kaikille sivuille, joilla on tarpeeksi liikennettä. Tämä on paras lähde IT-tiimeille, jotka seuraavat koko sivuston suorituskykyä.

PageSpeed Insights antaa sekä kenttä- että laboratoriodata yksittäisille osoitteille. Sisältötiimit voivat käyttää sitä tiettyjen sivujen tarkistamiseen ennen ja jälkeen päivitysten.

Lighthouse (Chrome DevToolsissa tai komentorivityökaluna) tuottaa laboratoriotietoa yksityiskohtaisilla korjausehdotuksilla. Kehittäjät käyttävät tätä rakennusvaiheessa.

web-vitals JavaScript -kirjasto mahdollistaa todellisten käyttäjien mittaamisen omassa analytiikka-asennuksessa. Tämä on hyödyllinen organisaatioille, jotka haluavat Core Web Vitals -datan omiin kojelautaihinsa.

Miten suuret organisaatiot parantavat Core Web Vitalsia?

Tuhansien sivujen sivustoilla parannukset keskittyvät usein:

• Kuvien pakkaamiseen ja oikeaan mitoitukseen LCP:n nopeuttamiseksi.
• Leveyden ja korkeuden asettamiseen kaikille kuville ja mainoksille CLS:n estämiseksi.
• JavaScript-suoritusajan vähentämiseen INP:n parantamiseksi.
• Sisältöjakeluverkon (CDN) käyttämiseen latausaikojen vähentämiseksi maailmanlaajuisesti.

IT-tiimit omistavat yleensä nämä optimoinnit. Mutta sisältötiimeillä on myös roolinsa. Ylisuurten kuvien lataaminen tai raskaiden kolmannen osapuolen widgettien upottaminen voi kumota tekniset parannukset.

Miten Askem auttaa?

Suurille organisaatioille, jotka hallinnoivat satoja sivuja, sivujen suorituskyvyn seuraaminen liikennetietojen rinnalla yhdessä kojelaudassa auttaa ei-teknisiä tiimijäseniä löytämään hitaat sivut. Askemin kaltaiset analytiikka-alustat yhdistävät suorituskyky-, sivunäkymä- ja sitoutumisdatan, joten sisällönomistajat voivat raportoida latausongelmista IT:lle ilman erillisten Lighthouse-auditointien ajamista. Kategoriapohjainen suodatus antaa jokaisen tiimin keskittyä omaan sivusto-osaansa.

Lähteet

1. Google Search Central — Understanding Core Web Vitals and Google Search: https://developers.google.com/search/docs/appearance/core-web-vitals
2. Google — Interaction to Next Paint (INP): https://web.dev/articles/inp
3. Google — The business impact of Core Web Vitals: https://web.dev/articles/vitals-business-impact