LCP (Largest Contentful Paint)
LCP měří dobu, za kterou se plně vykreslí největší viditelný obsahový prvek na stránce, například hlavní obrázek nebo nadpis, a ukazuje, jak rychle stránka působí na uživatele.
Largest Contentful Paint (LCP) je jednou ze tří metrik Core Web Vitals od Google. Měří dobu vykreslení největšího obrázku, videa nebo bloku textu viditelného v zobrazované oblasti při prvním načtení stránky. V praxi měří, kdy se hlavní obsah stránky stane viditelným pro uživatele.
Tyto prahové hodnoty se měří na 75. percentilu načítání stránek u skutečných uživatelů. „Největším“ prvkem je obvykle hlavní obrázek na vstupní stránce, úvodní obrázek článku na blogu, velký nadpis nebo náhled videa. Prohlížeč automaticky určí, který prvek je v počátečním zobrazení největší. Během načítání stránky se prvek LCP může změnit (například z nadpisu na hlavní obrázek, který se načte později).
V praxi
- Cestovní web optimalizoval své hlavní obrázky nasazením formátu WebP a vhodných rozměrů, čímž snížil LCP z 5,2 sekundy na 1,9 sekundy na mobilu
- Blog přednačetl svůj prvek LCP (úvodní obrázek) a LCP se zlepšilo z 3,1 s na 1,6 s, což vedlo k měřitelnému poklesu míry opuštění
- E-shop zjistil, že velký CSS soubor blokoval vykreslování jejich LCP prvku; vložení kritického CSS snížilo LCP ze 4,0 s na 2,1 s
- Zpravodajský web nasadil responzivní obrázky s atributem srcset, posílal menší obrázky na mobilní zařízení a snížil mobilní LCP o 40 %
Nejste si jistí, jak se to týká vás?
Zkušený inženýr projde váš web, vaši viditelnost ve vyhledávání a způsob, jakým se k vám dostávají poptávky, a poté sepíše tři věci, které je vhodné opravit jako první. Dokument si ponecháte tak jako tak.