LCP
Čas načtení největšího prvku stránky
Co je LCP
LCP (Largest Contentful Paint) je čas, za který se ve viditelné části okna vykreslí největší obsahový prvek stránky. Za dobrou hodnotu se považuje 2,5 sekundy a méně. Ze tří metrik Core Web Vitals bývá nejvíc vypovídající, protože sedí nejblíž tomu, co člověk vnímá jako okamžik, kdy je stránka konečně tady.
Který prvek se vlastně počítá
Skoro vždycky hlavní obrázek nebo velký nadpis v horní části stránky. Prohlížeč to nevyhodnocuje jednou provždy: jak se stránka postupně skládá, přepisuje kandidáta na největší prvek a platí ten poslední před interakcí návštěvníka. Na telefonu proto může vyhrát jiný prvek než na širokém monitoru, protože se do okna vejde něco jiného. Když ladíte LCP, nechte si nejdřív v nástroji ukázat konkrétní prvek. Bez toho optimalizujete poslepu.
Proč bývá LCP pomalé
Nejčastěji za to může obrázek. Fotka nahraná v původní velikosti z foťáku, bez zmenšení a ve starém formátu, klidně sama utáhne první dvě sekundy načítání. Převod do WebP a rozumné rozměry z toho udělají zlomek datového objemu.
Druhá častá brzda je server. Než pošle první bajt odpovědi, nemá prohlížeč co vykreslovat, takže pomalý hosting nebo těžký dotaz do databáze posunou celé LCP bez ohledu na to, jak dobře máte připravený obsah. A do třetice skripty a písma blokující vykreslení: dokud se stahují, stránka stojí. Reklamní a měřicí kódy nacpané do hlavičky jsou na tohle mistři.
Fotky připravené pro tisk
Nejrychlejší výhru z celého ladění rychlosti vidím obvykle u velkých obrázků na úvodních stránkách. Fotograf dodá soubory připravené pro tisk, někdo je nahraje tak, jak jsou, a šablona je pouze zmenší v prohlížeči. Návštěvník na mobilu pak stahuje několik megabajtů kvůli obrázku, který má na displeji pár centimetrů. Zmenšit, převést, ověřit, jestli se hlavní obrázek nenačítá až dodatečně skriptem. Většinou hotovo za odpoledne, bez zásahu do designu.