2.2Pokročilý8 min

Optimalizácia LCP: Najťažší Core Web Vital

Lucas Blochberger·16. júna 2026·Updated 11. júna 2026

Definition

LCP meria čas do úplného vykreslenia najväčšieho viditeľného bloku obsahu. So 62% mobilnou mierou úspešnosti je LCP najťažší Core Web Vital.

Key Takeaways

✓Cieľ LCP je pod 2,5 sekundy, meraný na 75. percentile skutočných používateľských dát (CrUX); 2,5 až 4,0 sekundy sa považuje za potrebné zlepšiť, nad 4,0 sekundy za zlé.
✓LCP je najťažšie splniteľná metrika Core Web Vitals: len 62 percent mobilných stránok dosahuje dobrú hodnotu, v porovnaní so 77 percentami pri INP a 81 percentami pri CLS.
✓Približne u 85 percent desktopových a 76 percent mobilných stránok je LCP elementom obrázok; najčastejšie LCP elementy sú hero obrázky, veľké textové bloky a videá.
✓LCP sa rozpadá na štyri subčasti: Time to First Byte, Resource Load Delay, Resource Load Time a Element Render Delay. Diagnostika ukazuje, kde sa čas skutočne stráca.
✓LCP obrázok nesmie byť nikdy lazy-loadovaný; moderné formáty (WebP/AVIF), fetchpriority=high a preload ako aj rýchly server (TTFB) sú najúčinnejšie páky.
✓Terénne a laboratórne dáta sa dopĺňajú: Lighthouse ukazuje príčinu, CrUX/PageSpeed/Search Console ukazujú, či sú postihnutí skutoční používatelia. Optimalizácia sa počíta až vtedy, keď sa prejaví v terénnych dátach.
✓Rýchle LCP merateľne prispieva ku konverzii a obratu a pôsobí ako ranking tiebreaker; pre Rakúsko s približne 44 percentami mobilnej návštevnosti je mobilné LCP najdôležitejší fokus.

LCP je často najjednoduchšie zlepšiteľný Core Web Vital, pretože optimalizácie sú jasne definované.

Štyri podkategórie LCP

Google rozdeľuje LCP do štyroch fáz: Time to First Byte (TTFB, čas odozvy servera), Resource Load Delay (oneskorenie do začiatku sťahovania LCP zdroja), Resource Load Duration (čas sťahovania LCP zdroja) a Element Render Delay (čas do vykreslenia po stiahnutí).

Stratégie optimalizácie

Optimalizácia servera: Dostať TTFB pod 800 ms. Upgradovať hosting, aktivovať caching, použiť CDN. CDN môže zlepšiť LCP o 30-50 percent.

Optimalizácia obrázkov: AVIF ako primárny formát (o 50 % menší ako JPEG), responzívne obrázky so srcset, preload pre LCP obrázok cez link rel=preload, lazy loading len pre obrázky pod ohybom.

Optimalizácia vykresľovania: Vložiť kritické CSS inline, eliminovať alebo odložiť render-blokujúci JavaScript, predčítať fonty pomocou link rel=preload.

LCP a AI crawlery

AI crawlery typicky čakajú na stránku len 1-5 sekúnd. LCP nad 2,5 sekundy znamená, že AI systémy môžu vidieť neúplne načítanú verziu stránky.

Údaje a štatistiky

62 Prozent der mobilen und 74 Prozent der Desktop-Seiten erreichen einen guten LCP-Wert (unter 2,5 s); mobil zeigt mit 13 Prozent gegenueber 7 Prozent fast doppelt so viele schlechte LCP-Werte. LCP hat mit 62 Prozent die niedrigste mobile Bestehensquote der drei CWV (INP 77 %, CLS 81 %).

HTTP Archive Web Almanac 2025, Performance chapter (CrUX-Daten Juli 2025) [international] (2025)

Nur 48 Prozent der mobilen und 56 Prozent der Desktop-Origins bestehen alle drei Core Web Vitals; LCP ist die limitierende Metrik.

HTTP Archive Web Almanac 2025, Performance chapter [international] (2025)

Bei 85,3 Prozent der Desktop- und 76 Prozent der mobilen Seiten ist ein Bild das LCP-Element; text-basierte LCP-Elemente liegen mobil bei 23,7 Prozent.

HTTP Archive Web Almanac 2025, Performance chapter (LCP content types) [international] (2025)

Rund 16 bis 17 Prozent der Seiten lazy-loaden ihr LCP-Bild (seit 2024 stabil); native loading=lazy-Nutzung stieg auf Mobile von 9,5 auf 10,4 Prozent.

HTTP Archive Web Almanac 2025, Performance chapter (LCP lazy loading) [international] (2025)

JPG ist mit rund 57 Prozent das haeufigste LCP-Bildformat (minus 4 Prozentpunkte gegenueber 2024), WebP folgt mit 11 Prozent (plus 4 PP), AVIF erreicht 0,7 Prozent, PNG 26 Prozent.

HTTP Archive Web Almanac 2025, Performance chapter (LCP image formats) [international] (2025)

Eine 31 Prozent bessere LCP fuehrte zu 8 Prozent mehr Verkaeufen, einer um 15 Prozent besseren Lead-to-Visit-Rate und einer um 11 Prozent besseren Cart-to-Visit-Rate (A/B-Test, optimierte Seite 5,7 s vs. 8,3 s).

web.dev (Google) - Vodafone case study [international] (2021)

Im Retail-Segment steigerte eine um 0,1 Sekunden schnellere mobile Ladezeit die Conversion-Rate um 8,4 Prozent, den durchschnittlichen Bestellwert um 9,2 Prozent und die Page Views pro Session um 5,2 Prozent.

Deloitte Digital / Fifty-Five fuer Google - 'Milliseconds Make Millions' report (S. 17, Retail) [international] (2020)

Im September 2025 entfielen rund 44,4 Prozent aller Internet-Seitenaufrufe in Oesterreich auf mobile Endgeraete wie Smartphones (ohne Tablets, rund 1,9 %).

Statista (Daten von StatCounter) - Anteil mobiler Endgeraete an allen Seitenaufrufen in Oesterreich [Oesterreich] (2025)

Často kladené otázky

Čo je dobrá hodnota LCP?

Dobrá hodnota LCP je pod 2,5 sekundy. Google definuje tri prahy: dobrý (pod 2,5 s), potrebné zlepšiť (2,5 až 4,0 s) a zlý (nad 4,0 s). Rozhodujúci je 75. percentil skutočných používateľských dát (CrUX), to znamená 75 percent skutočných načítaní stránky musí dosiahnuť prahovú hodnotu. Dobrá laboratórna hodnota sama o sebe nestačí, ak pomalšie zariadenia a pripojenia posúvajú percentil nahor.

Ako môžem optimalizovať LCP?

Zamerajte sa na štyri subčasti. Znížte TTFB pomocou server-side renderingu, cachingu, CDN, HTTP/3 a Brotli. Dodávajte LCP obrázok v moderných formátoch (WebP/AVIF) so správnymi rozmermi, srcset/sizes, fetchpriority=high a preload a nikdy ho nenačítavajte lazy. Odstráňte render-blockujúce CSS a JavaScript pomocou kritického inline CSS, defer/async a font-display: swap s preloadom pre webové fonty.

Čo je LCP element na stránke?

LCP element je najväčší viditeľný obsahový blok vo viewporte. Typicky sú to hero obrázky, veľké textové bloky alebo videá. V praxi dominujú obrázky: Podľa HTTP Archive Web Almanac 2025 je približne u 85 percent desktopových a 76 percent mobilných stránok LCP elementom obrázok. Ktorý element konkrétne sa počíta, ukazujú nástroje ako PageSpeed Insights alebo Chrome DevTools.

Prečo je moje LCP zlé napriek rýchlemu obrázku?

Pretože LCP pozostáva zo štyroch subčastí a obrázok ovplyvňuje len jednu z nich. Často je brzda na serveri (vysoký TTFB), pri neskorom objavení obrázka (Resource Load Delay) alebo pri oneskorenom renderovaní kvôli JavaScriptu a CSS (Element Render Delay). V moderných frameworkoch môže byť LCP element načítaný, ale oneskorene renderovaný kvôli hydrácii. Analýza subčastí ukazuje, kde sa čas skutočne stráca.

Aký je rozdiel medzi terénymi a laboratórnymi dátami pri LCP?

Terénne dáta pochádzajú od skutočných používateľov a určujú oficiálny 75. percentil. Zdrojmi sú CrUX, PageSpeed Insights a Google Search Console. Laboratórne dáta vznikajú synteticky za kontrolovaných podmienok, napríklad s Lighthouse, a hodia sa na testovanie pred nasadením a na izoláciu príčin. Obe sú potrebné: laboratórne dáta ukazujú príčinu, terénne dáta ukazujú, či sú postihnutí skutoční používatelia. Optimalizácia sa počíta až vtedy, keď sa prejaví v terénnych dátach.

Mal by byť LCP obrázok lazy-loadovaný?

Nie. LCP obrázok nesmie byť nikdy lazy-loadovaný, pretože to oneskoruje začiatok načítania a zhoršuje hodnotu LCP. Podľa HTTP Archive Web Almanac 2025 približne 16 až 17 percent stránok nesprávne lazy-loaduje svoj LCP obrázok. loading=lazy patrí výlučne k obrázkam pod viewportom. LCP obrázok by mal namiesto toho dostať fetchpriority=high a preload; v Next.js to zabezpečuje priority prop z next/image presne takto.

Ako pomáha LCP pre AI crawlery a GEO?

Rýchly server-side rendering, nízky TTFB a málo render-blockujúceho JavaScriptu robia obsah spoľahlivo prístupným aj pre AI crawlery a vyhľadávacie boty. Tá istá architektúra, ktorá zlepšuje LCP, uľahčuje dodávanie AI crawlerom. Dôležité je rozlíšenie: LCP je metrika výkonu pre používateľskú skúsenosť, nie priamy GEO faktor. Generative Engine Optimization sa rozhoduje na základe obsahu, štruktúry a citovateľnosti, nie času načítania. LCP zlepšuje dostupnosť, ale nenahradí GEO opatrenie.

Ako si stojí vaša stránka?

Získajte bezplatný SEO report vašej stránky e-mailom – technické SEO, on-page, kľúčové slová a konkurencia. Nezáväzne.

Vyžiadať bezplatný SEO audit →

Previous← Core Web Vitals: LCP, INP a CLS vysvetlené NextOptimalizácia INP: Meranie a zlepšovanie interaktivity →