LCP (Largest Contentful Paint)
LCP meria čas potrebný na úplné vykreslenie najväčšieho viditeľného obsahu na stránke, napríklad hero obrázku alebo nadpisu, čo indikuje, ako rýchlo sa stránka javí používateľom.
Largest Contentful Paint (LCP) je jedným z troch jadier Core Web Vitals od spoločnosti Google. Meria čas vykreslenia najväčšieho obrázku, videa alebo bloku textu viditeľného vo viewporte pri prvom načítaní stránky. V praxi meria moment, kedy sa hlavný obsah stránky stane pre používateľa viditeľným.
Tieto prahové hodnoty sú merané na 75. percentile načítania stránok u skutočných používateľov. Prvkom, ktorý je zvyčajne „najväčší“, je typicky hero obrázok na vstupnej stránke, zvýraznený obrázok v článku blogu, veľký nadpis alebo náhľad videa. Prehliadač automaticky identifikuje, ktorý prvok je v počiatočnom viewporte najväčší.
V praxi
- Cestovný portál optimalizoval hero obrázky poskytovaním formátu WebP a vhodných rozmerov, čím znížil LCP z 5,2 sekundy na 1,9 sekundy na mobilných zariadeniach.
- Blog prednačítal svoj prvok LCP (významný obrázok) a zaznamenal zlepšenie LCP z 3,1 s na 1,6 s, čo viedlo k merateľnému poklesu miery okamžitého odchodu.
- E-commerce web zistil, že veľký CSS súbor blokoval vykreslenie ich prvku LCP; vložením kritického CSS inline sa LCP znížilo zo 4,0 s na 2,1 s.
- Novinový portál implementoval responzívne obrázky pomocou atribútu srcset, čím poskytoval menšie obrázky mobilným zariadeniam a znížil mobilné LCP o 40 %.
Nie ste si istí, či sa to týka aj vás?
Senior inžinier prejde vaše stránky, vašu prítomnosť vo vyhľadávaní a spôsob, akým dotazy k vám prichádzajú, a potom zapíše tri veci, ktoré sa oplatí opraviť ako prvé. Dokument si necháte v každom prípade.