Core Web Vitals

Mitä Core Web Vitals on?

Core Web Vitals on kolme konkreettista mittaria, joita Google käyttää sivun käyttäjäkokemuksen mittaamiseen: LCP (Suurin sisältömaalaus) mittaa pääsisällön kuormituksen nopeutta, INP (Interaction to Next Paint) mittaa, kuinka nopeasti sivu vastaa napsautuksiin ja hanoihin, ja CLS (Cumulative Layout Shift) mittaa näkövakautta. BNP korvasi aikaisemman FID:n 12. maaliskuuta 2024. Sivu kulkee, kun LCP on 2,5 sekuntia tai vähemmän, INP on 200 ms tai vähemmän, ja CLS on 0,1 tai vähemmän.

Miksi Core Web Vitalsilla on väliä?

Online-kaupan tulokset osuivat sekä bottomline ja näkyvyys. Hidas LCP ja janky INP tuote- ja keräyssivuilla lisäävät pudotus ja pienempi muuntaminen juuri siellä, missä asiakas on lähimpänä ostaa. Core Web Vitals syöttää myös Googlen sivun kokemussignaaleja ja voi toimia tiemurtajana muuten yhtä vahvoja tuloksia. Google arvioi oikeilta kävijöiltä saamiaan kenttätietoja (Chrome User Experience Report) 75. persentiilillä ja raportoi erikseen mobiili- ja työpöydän osalta, joten lopputulos on käyttäjien hitain neljännes.

Yleiset käyttötapaukset

• Hidas tuotesivun diagnosointi PageSpeed Insights tai Core Web Vitals raportti Hakukonsolissa.
• Optimoidaan LCP puristamalla sankarikuvia, WebP, ja esilataus suurin kuva.
• CLS:n poistaminen bannerit, evästeen ponnahdusikkunat ja fontit, jotka vaihtavat ulkoasua sivun latautuessa.
• BNP:n parantaminen vähentämällä raskasta JavaScriptiä sovelluksista ja kolmannen osapuolen skripteistä.
• Vaikutusten dokumentointi uuden teeman tai sovelluksen kehittäjille tai johtajille.

Näytä perspektiivi

Todista teemoja usein alkaa vahva, mutta sovellukset, chatbotit, ja seuranta skriptit tyypillisesti vedä tulokset alas. Mittaa aina oikeita URL-osoitteita kenttätiedoilla eikä yhdellä laboratorionumerolla, ja poista sovellukset, joita et enää käytä. Rely on teeman natiivi laiska lastaus ja Shopify kuvan CDN, ja muista, että ponnahdusikkunat ja mainos bannerit ovat yleisimpiä syitä huono CLS käytännössä.