LCP (Largest Contentful Paint) on yksi Googlen Core Web Vitals -mittareista. Se mittaa aikaa, joka kuluu sivun suurimman näkyvän sisältöelementin — yleensä pääkuvan, videon tai suuren tekstilohkon — latautumiseen ja piirtymiseen näytölle.
LCP:n tavoitearvot
Google luokittelee LCP-arvot kolmeen kategoriaan. Hyvä LCP-arvo on alle 2,5 sekuntia. Parannusta vaativa arvo on 2,5–4,0 sekuntia. Huono arvo on yli 4,0 sekuntia. Tavoitteena tulisi olla, että vähintään 75 % sivulatauksista saavuttaa hyvän LCP-arvon.
LCP mittaa käyttäjän todellista kokemusta sivun latautumisesta. Se kertoo, milloin sivu “tuntuu” latautuneelta — eli milloin käyttäjä näkee sivun pääsisällön. Tämä on intuitiivisempi mittari kuin pelkkä tekninen latausaika, koska se keskittyy siihen, mitä käyttäjä todella näkee.
Mitkä elementit vaikuttavat LCP:hen?
LCP-elementti on yleensä sivun suurin kuva (hero-kuva), suurin tekstilohko (H1-otsikko) tai video. Google tunnistaa LCP-elementin automaattisesti sivun näkyvästä alueesta (above the fold).
Yleisimmät LCP:tä hidastavat tekijät ovat hitaat palvelinvastaukset (korkea TTFB), renderöintiä estävät resurssit (CSS, JavaScript), hitaat resurssien lataukset (erityisesti kuvat) ja asiakaspuolen renderöinti (client-side rendering).
LCP:n optimointi käytännössä
LCP:n parantaminen alkaa palvelimen vasteajan optimoinnista. Nopea hosting, CDN-käyttö ja tehokas välimuisti vähentävät TTFB:tä, joka on LCP:n ensimmäinen komponentti.
Kuvien optimointi on kriittistä: käytä WebP- tai AVIF-muotoa, oikeita kokoja ja fetchpriority="high"-attribuuttia LCP-kuvalle. Vältä lazy loading -tekniikkaa LCP-kuvassa — se tulisi ladata heti.
Minimoi renderöintiä estävä JavaScript ja CSS. Kriittinen CSS tulisi upottaa inline-muodossa, ja epäkriittinen JavaScript ladata asynkronisesti. Staattisesti generoidut sivustot (kuten Astro-pohjaiset) suoriutuvat tyypillisesti erinomaisesti, koska ne eivät vaadi asiakaspuolen renderöintiä.
Yhteenveto
LCP on Core Web Vitalsin tärkein latausnopeuden mittari. Pk-yrityksen sivustolla LCP:n optimointi tarkoittaa käytännössä kuvien optimointia, nopean hostingin valintaa ja renderöintiä estävien resurssien minimointia. Hyvä LCP-arvo (alle 2,5 s) parantaa sekä hakukonenäkyvyyttä että käyttökokemusta merkittävästi.