LCP (Largest Contentful Paint)
LCP mittaa ajan, joka kuluu suurimman näkyvän sisältöelementin (kuten hero-kuvan tai otsikon) täydelliseen renderöintiin sivulla, indicating kuinka nopealta sivu tuntuu käyttäjälle.
Largest Contentful Paint (LCP) on yksi Googlen kolmesta Core Web Vital -mittarista. Se mittaa näkyvän ikkunaveden (viewport) suurimman kuvan, videon tai tekstipätkän renderöintiajan, kun sivu ladataan ensimmäisen kerran. Käytännössä se mittaa, milloin sivun pääsisältö näkyy käyttäjälle.
Nämä kynnysarvot mitataan sivun latausten 75. persentiilistä todellisilla käyttäjillä. "Suurin" elementti on tyypillisesti sankarikuvan maasivulla, esittelykuva blogikirjoituksessa, suuri otsikko tai videon pikkukuva. Selain tunnistaa automaattisesti, mikä elementti on suurin aluksi näkyvällä alueella.
Käytännössä
- Matkailusivusto optimoi sankarikuvansa tarjoamalla WebP-muotoa ja sopivia kokoja, mikä pienensi LCP:tä mobiilissa 5,2 sekunnista 1,9 sekuntiin
- Blogi esilatoi LCP-elementtinsä (esittelykuvan) ja havaitsi LCP:n paranevan 3,1 s:stä 1,6 s:iin, mikä johti mitattavaan putoamisprosentin laskuun
- Verkkokauppa huomasi, että suuri CSS-tiedosto esti heidän LCP-elementtinsä renderöinnin; kriittisen CSS:n upottaminen sivulle laski LCP:n 4,0 sekunnista 2,1 sekuntiin
- Uutissivusto otti käyttöön responsiiviset kuvat srcset-ominaisuudella, tarjoamalla pienempiä kuvia mobiililaitteille ja vähentäen mobiilin LCP:tä 40 %
Et ole varma, miten tämä koskee sinua?
Kokenut insinööri käy läpi kohteen, hakukoneesi esiintymisen ja yhteydenottojen saannin, ja kirjoittaa kolme asiaa, jotka kannattaa korjata ensin. Pidät dokumentin joka tapauksessa.