LCP: Proč se váš web načítá pomalu a jak to opravit

Před rokem jsem analyzovala e-shop, který ztrácel zákazníky. Návštěvnost byla solidní, ale konverze tristní. Důvod? Stránky se načítaly přes 6 sekund. Když jsme opravili jeden jediný problém — obrovský obrázek na úvodní stránce — doba načítání klesla na 2 sekundy a objednávky vzrostly o 23 %.

Ten „jeden problém" se jmenoval LCP. A možná zpomaluje i váš web.

Co je LCP a proč vás to má zajímat

LCP je zkratka pro Largest Contentful Paint. Česky bychom řekli „vykreslení největšího obsahu". Měří, jak dlouho trvá, než se na obrazovce zobrazí hlavní viditelný prvek stránky.

Představte si, že otevíráte webovou stránku. Prohlížeč začne načítat — vidíte bílou plochu, pak se objeví navigace, pak text a nakonec velký obrázek nebo video. Moment, kdy se zobrazí ten největší a nejviditelnější prvek (obvykle obrázek nebo hlavní nadpis), je právě LCP.

Proč Google měří zrovna tohle?

Protože uživatelé vnímají rychlost webu podle toho, kdy vidí hlavní obsah. Technicky může být stránka „načtená" dříve, ale pokud je hlavní obrázek stále prázdný, návštěvník má pocit, že web je pomalý.

Google v červnu 2021 zahrnul LCP do rankingových faktorů jako součást Core Web Vitals. Od března 2024 se navíc metrika FID změnila na INP (Interaction to Next Paint), takže aktuálně se měří tři metriky: LCP, INP a CLS. Jednoduše řečeno: pomalý web má horší pozice ve vyhledávání.

Jaké hodnoty LCP jsou dobré a jaké špatné

Google stanovil jasné hranice:

Do 2,5 sekundy — výborné. Váš web je dostatečně rychlý a Google vás za to „odměňuje".

2,5 až 4 sekundy — potřebuje zlepšení. Web funguje, ale ztrácíte část uživatelů i bodů v hodnocení.

Nad 4 sekundy — problém. Návštěvníci odcházejí a Google vám to počítá k tíži.

Podle dat z web.dev a případových studií má pomalé LCP významný negativní dopad na konverze. Studie Renault ukázala, že zlepšení LCP o 1 sekundu vedlo k 13% nárůstu konverzí a 14% snížení míry opuštění (zdroj: web.dev). Vodafone zlepšením LCP o 31 % dosáhl 8% nárůstu prodejů (zdroj: web.dev). U e-shopu s měsíčním obratem milion korun to může znamenat výrazný rozdíl.

Co přesně se měří jako LCP

Prohlížeč sleduje, který prvek na stránce zabírá nejvíce viditelného prostoru. Obvykle to je:

Velký obrázek — typicky hlavní banner nebo fotografie produktu. U většiny webů právě obrázek určuje LCP.

Hlavní video — pokud máte na úvodní stránce video, jeho náhledový obrázek se počítá jako LCP prvek.

Velký blok textu — u textově orientovaných stránek (blogy, zpravodajské weby) může být LCP prvkem hlavní nadpis nebo úvodní odstavec.

Obrázek na pozadí — i obrázky nastavené přes CSS se počítají.

Proč je důležité vědět, který prvek je LCP? Protože právě ten musíte optimalizovat jako první.

Co zpomaluje LCP (a jak to opravit)

Pomalý server

Než prohlížeč vůbec začne vykreslovat stránku, musí ji dostat ze serveru. Pokud server odpovídá pomalu, všechno ostatní se zdržuje.

Jak to zjistit: V PageSpeed Insights hledejte metriku TTFB (Time to First Byte). Pokud přesahuje 600 ms, máte problém se serverem.

Jak to opravit:

• Přejděte na kvalitnější hosting (v Česku doporučuji Wedos VPS nebo Forpsi pro náročnější weby)
• Zapněte cachování — necháte server „pamatovat si" často zobrazované stránky
• Používejte CDN (síť serverů po celém světě) — Cloudflare má bezplatnou variantu

Příliš velké obrázky

Nejčastější příčina pomalého LCP. Fotky z telefonu mají běžně 3-5 MB. Pro web stačí 100-300 KB.

Jak to opravit:

• Používejte formát WebP nebo AVIF místo JPG
• Zmenšete rozměry na maximum, které potřebujete (ne 4000px široký obrázek pro mobil)
• Nástroje jako Squoosh od Google umožňují kompresi přímo v prohlížeči

Soubory blokující vykreslení

Když prohlížeč narazí na soubor se styly (CSS) nebo skriptem (JavaScript), musí ho nejdříve stáhnout a zpracovat, než pokračuje. Pokud máte hodně takových souborů, stránka čeká.

Jak to opravit:

• Nejdůležitější styly vložte přímo do HTML kódu stránky — nemusí se stahovat zvlášť
• U skriptů použijte atribut „defer" nebo „async" — řeknete prohlížeči, ať je zpracuje až po vykreslení stránky
• Odstraňte nepoužívané skripty (sledovací kódy, chatovací widgety, které nikdo nepoužívá)

Špatně nastavené písmo

Vlastní fonty jsou hezké, ale pokud se prohlížeč zasekne na jejich načítání, text se nezobrazí.

Jak to opravit:

• Přidejte „font-display: swap" — text se zobrazí systémovým písmem a po načtení se přepne na váš font
• Předem načtěte soubory s fonty pomocí značky preload

Jak změřit LCP na vašem webu

PageSpeed Insights (nejjednodušší)

Navštivte pagespeed.web.dev, zadejte adresu webu a počkejte. Nástroj vám ukáže aktuální hodnotu LCP a přesně řekne, který prvek ho způsobuje.

Google Search Console (reálná data)

V Search Console přejděte do sekce Core Web Vitals. Uvidíte, jak si váš web vede u skutečných návštěvníků — ne v laboratorních podmínkách.

Důležitý rozdíl: PageSpeed Insights ukazuje „laboratorní" data (simulované prostředí). Search Console ukazuje „terénní" data (od skutečných uživatelů). Google pro hodnocení používá terénní data.

Proč je můj výsledek v PageSpeed jiný než v Search Console?

Terénní data zahrnují všechny uživatele — včetně těch s pomalým připojením nebo starým telefonem. Proto bývají horší než laboratorní test. Ale právě terénní data rozhodují o vašem rankingu.

Co udělat jako první

Pokud chcete zlepšit LCP svého webu, postupujte takto:

Zjistěte, který prvek je LCP. V PageSpeed Insights v sekci Diagnostics najdete „Largest Contentful Paint element". Obvykle to bude obrázek.

Optimalizujte tento jeden prvek. Zmenšete ho, převeďte do WebP, nastavte přednostní načítání.

Změřte znovu. Počkejte několik týdnů na aktualizaci terénních dat v Search Console.

Většina webů dokáže zlepšit LCP o 50 % jen optimalizací hlavního obrázku. Není to složité, ale vyžaduje to trochu technických znalostí — nebo spolupráci s vývojářem.

Shrnutí

LCP měří, jak rychle se zobrazí hlavní obsah vaší stránky. Pod 2,5 sekundy jste v bezpečí. Nad 4 sekundy máte problém.

Nejčastější příčina pomalého LCP jsou příliš velké obrázky. Řešení je jednoduché: zmenšit, převést do moderního formátu, nastavit přednostní načítání.

Google používá LCP jako jeden z rankingových faktorů od června 2021. V březnu 2024 Google navíc nahradil metriku FID metrikou INP. Pomalý web znamená horší pozice a méně zákazníků.

Chcete vědět, jak na tom je váš web?

Nabízím úvodní konzultaci, kde společně projdeme rychlost vašeho webu a navrhnu konkrétní kroky ke zlepšení.

Objednejte si konzultaci zdarma ->

Související články

• Core Web Vitals: Kompletní průvodce pro rok 2026 — všechny tři metriky podrobně
• Technické SEO: Jak na něj správně — kompletní návod
• Google Search Console: Návod pro začátečníky — jak sledovat výkon webu

Často kladené otázky

Co je to vlastně ten „největší prvek"?

Prvek, který zabírá nejvíce viditelného prostoru na obrazovce v momentě načítání. Obvykle hlavní obrázek, video nebo velký blok textu.

Můj web má LCP 3 sekundy. Je to hodně?

Je to v „oranžové zóně" — potřebuje zlepšení. Nepropadáte, ale máte prostor pro zlepšení. Cílte na hodnotu pod 2,5 sekundy.

Liší se LCP na mobilu a počítači?

Ano, a to výrazně. Mobilní připojení bývá pomalejší a telefony mají slabší procesory. Google měří obě verze zvlášť — a pro hodnocení používá primárně mobilní.

Jak dlouho trvá, než se zlepšení projeví v Google?

Google používá 28denní průměr terénních dat. Po opravě počítejte 4-6 týdnů, než se změna plně projeví v Search Console.

Mohu zlepšit LCP bez programátora?

Částečně. Zmenšit obrázky zvládnete sami. Nastavení přednostního načítání nebo optimalizace skriptů už obvykle vyžaduje technické znalosti.

Autorka: SEO specialistka s letitými zkušenostmi. Pomáhám firmám zrychlovat weby a zlepšovat pozice v Google.

Vyzkoušejte kvalitu mé práce Získejte 1 článek ZDARMA na obsahovém webu s DA50+.

O autorce

SEO specialistka s letitými zkušenostmi v oboru. Pomohla desítkám firem zlepšit jejich viditelnost v Google. Specializuji se na technické SEO, obsahový marketing a budování odkazů.

Kontaktujte mě | Další články