Čo je LCP?

← Slovník SEO pojmov

  • Publikované:
  • Aktualizované:
  • #seo #technickeseo #rychlost

LCP (Largest Contentful Paint) je metrika, ktorá meria čas od začiatku načítania stránky po zobrazenie jej najväčšieho viditeľného prvku, napríklad hlavného obrázka alebo nadpisu. Je jednou z metrík Core Web Vitals. Dobrá hodnota je do 2,5 sekundy.

Aké hodnoty LCP sú dobré?

HodnotenieHodnota LCP
Dobrédo 2,5 sekundy
Vyžaduje zlepšenieod 2,5 do 4,0 sekundy
Slabénad 4,0 sekundy
Hraničné hodnoty LCP (vyhodnocuje sa 75. percentil návštev)Zdroj: web.dev: Largest Contentful Paint (LCP)

Ktoré prvky sa do LCP počítajú?

Najväčším prvkom môže byť obrázok, obrázok vo vnútri vektorovej grafiky, plagát videa, obrázok na pozadí načítaný cez CSS alebo blok textu. Meria sa prvok, ktorý je v zobrazenej časti stránky najväčší. Preto býva LCP často hlavný obrázok pod hlavičkou alebo veľký nadpis.

Čo LCP spomaľuje a ako ho zlepšíme?

  • Pomalá odpoveď servera. Čas do prvého bajtu, pozri TTFB, sa započíta do LCP.
  • Veľký hlavný obrázok. Pomôže menší súbor v modernom formáte, napríklad WebP.
  • Opožďované načítanie hlavného prvku. Obrázok v prvej časti stránky nemá mať lazy loading.
  • Vzdialený server. Obsah môže približiť CDN.

Čo si zapamätať o pojme LCP?

LCP ukazuje, kedy návštevník uvidí hlavný obsah stránky. Cieľom je hodnota do 2,5 sekundy. Najčastejšie pomáha zmenšiť hlavný obrázok a zrýchliť odpoveď servera.

Ako to rieši webstrankanamieru.sk: Rýchlosť sa rieši už pri stavbe webu a následne pri technickom SEO. Praktický postup nájdete v článku Ako zvládnuť Core Web Vitals a ako web vzniká, popisuje Proces tvorby webstránky. Máte otázku k svojmu webu? Kontaktujte nás.

Súvisiace pojmy: Core Web Vitals, TTFB, CLS, Lazy loading, WebP, CDN, Rýchlosť stránky, INP, Kompresia, Laboratórne a terénne dáta, Minifikácia, Optimalizácia obrázkov, PageSpeed Insights

Často kladené otázky o pojme LCP

Čo je LCP?

Je to čas, za ktorý sa na stránke zobrazí jej najväčší viditeľný prvok, napríklad hlavný obrázok alebo veľký blok textu.

Čo znamená skratka LCP?

Skratka znamená Largest Contentful Paint, teda vykreslenie najväčšieho obsahu.

Aké je dobré LCP?

Do 2,5 sekundy. Hodnota nad 4,0 sekundy sa považuje za slabú.

Je LCP súčasťou Core Web Vitals?

Áno. Spolu s INP a CLS patrí medzi tri metriky Core Web Vitals.

Má sa hlavný obrázok načítavať lazy loadingom?

Nie. Obrázky v prvej viditeľnej časti stránky sa nemajú načítavať lenivo, lebo by sa LCP zhoršilo.

Zdroje

  1. web.dev: Largest Contentful Paint (LCP)Definícia LCP, počítané prvky a hraničné hodnoty.
  2. web.dev: Lazy load images and iframe elementsObrázky v prvej viditeľnej časti sa nemajú načítavať lenivo.
  3. Google Search Central: Understanding Core Web Vitals and Google search resultsCore Web Vitals a vyhľadávanie Google.

Všetky pojmy v slovníku