Slovníček

LCP

Stručně

Doba, za kterou se zobrazí největší prvek v úvodní části obrazovky. Obvykle jde o hlavní obrázek nebo nadpis.

Co ho zdržuje

  1. Pomalá odpověď serveru.
  2. Hlavní obrázek načítaný odloženě, tedy s atributem loading nastaveným na lazy.
  3. Obrázek v plné velikosti pro počítač, servírovaný i na mobil.
  4. Blokující styly a písma v hlavičce.
  5. Obsah vykreslovaný až JavaScriptem.

Co s tím

  • Hlavní obrázek načítat okamžitě a označit ho vysokou prioritou.
  • Používat moderní formáty a servírovat velikost odpovídající zobrazení.
  • Písma hostovat na vlastní doméně s odloženým zobrazením náhradního písma.
  • Zapnout cache na straně serveru.

Časté dotazy

Co bývá tím největším prvkem?

Nejčastěji hlavní obrázek nad ohybem, u textových stránek velký nadpis. V nástrojích pro vývojáře na kartě Performance se konkrétní prvek zobrazí, takže se nemusí hádat.

Co LCP zlepší nejrychleji?

Odstranit odložené načítání u hlavního obrázku, doplnit mu prioritu a servírovat ho ve správné velikosti v moderním formátu. U většiny webů to samo stačí na to, aby se hodnota dostala pod hranici.

Návody k tomuhle tématu

Rychlost, mobil a obrázky

Core Web Vitals srozumitelně: LCP, INP a CLS

LCP, INP a CLS bez omáčky: kde přesně jsou hranice, proč vám Search Console mlčí a co na WordPressu opravdu zabere. S čísly a pořadím oprav.

· 14 min čtení

Z blogu

Týká se to vašeho webu?

Kontrola projde web a řekne, jestli tenhle problém máte. Trvá to necelou minutu.

156 kontrol, výsledek do minuty. Bez registrace, bez karty, bez e-mailu.