Praktický kontrolní seznam Core Web Vitals pro obsahové weby
Pro zlepšení Core Web Vitals v první řadě: optimalizujte LCP obrázek (WebP, správná velikost, preload), rezervujte místo pro média (CLS), odstraňte těžké skripty třetích stran (INP). Většina problémů se vyřeší za 1–2 dny cílené práce.
- LCP: hlavní obrázek ve WebP + preload + bez render-blocking zdrojů.
- CLS: width/height u každého obrázku + místo pro bannery.
- INP: méně JS, rozdělení dlouhých úloh, zbavení se těžkých widgetů třetích stran.
- Terénní data ze Search Console jsou důležitější než Lighthouse — honbte se za skutečnými uživateli.
Core Web Vitals hodnotí tři věci: stránka vykreslí hlavní obsah rychle (LCP), při načítání se nepřeskakuje (CLS), rychle reaguje na interakci (INP). Většina webů selhává na předvídatelném okruhu problémů. Opravte je v pořadí — a skóre zpravidla následuje.
Largest Contentful Paint (LCP)
- Správná velikost hlavního obrázku. Používejte moderní formáty (WebP/AVIF), přesné rozměry a rozumnou kvalitu. Hero obrázek je téměř vždy LCP element.
- Preload pro důležité. Předem načtěte LCP obrázek a fonty nad ohybem — prohlížeč je pak stáhne jako první.
- Odstraňte render-blocking. Odložte nekritické CSS a JS, aby hlavní obsah nečekal za nimi.
Cumulative Layout Shift (CLS)
- Rezervujte místo pro média. Vždy nastavujte width a height (nebo aspect-ratio) obrázkům a embedům — aby se nic nepřeskládalo při načítání.
- Vyhýbejte se pozdě vloženým bannerům. Cookie lišty a reklamy, které posouvají obsah dolů, jsou klasickými narušiteli CLS. Rezervujte pro ně prostor.
- font-display: swap. A laďte metriky záložního písma tak, aby záměna neposunula layout.
Interaction to Next Paint (INP)
INP trestá za těžkou práci v hlavním vlákně. Největší zisk přináší méně JS a rozdělení dlouhých úloh. Na obsahovém webu je viníkem téměř vždy skript třetí strany: page builder, chat widget, analytický stack — dělající výrazně více, než je potřeba.
Většina problémů s Core Web Vitals je ve skutečnosti jedním problémem ve třech maskách: stránka dělá příliš mnoho práce, aby zobrazila příliš málo obsahu.
Měřte, neodhadujte
Terénní data jsou důležitější než laboratorní. Sledujte zprávu o Core Web Vitals v Google Search Console — tam jsou skutečná čísla od skutečných uživatelů. Lighthouse používejte pouze k diagnostice. Honbte se za metrikou, která skutečně klesá u návštěvníků, ne za tou, která se snáze zlepšuje v testu.
Na vlastním webu je většina těchto problémů řešena již při sestavení — protože nikdy nedodáváme balast, který je způsobuje. Na existujícím webu je tento kontrolní seznam obvykle jeden až dva dny soustředěné práce s dlouhodobým trvalým efektem.
Rychlé odpovědi
LCP < 2,5 s, INP < 200 ms, CLS < 0,1 — cílové hodnoty Googlu. V PageSpeed Insights to odpovídá zelenému označení „Dobré”.
Ano — jsou potvrzeným hodnotícím signálem v aktualizaci Page Experience od Googlu. Splnění všech tří prahových hodnot CWV je také podmínkou pro zobrazení v karuselu Google Top Stories na mobilu.
Ano. Většina zlepšení jsou technické opravy: optimalizace obrázků, odstranění zbytečných skriptů, nastavení cache. Redesign je potřeba jen zřídka.
Pro základ použijte Search Console — zobrazuje skutečná data od uživatelů Chrome. Lighthouse a PageSpeed Insights používejte k diagnostice, jakmile víte, která metrika selhává. Laboratorní skóre se může výrazně lišit od terénního; vždy opravujte metriku, kterou skutečně zažívají návštěvníci.
Líbil se vám článek?
Přidejte se k našemu Telegramu — praktické poznámky o WordPressu, výkonu a viditelnosti v AI vyhledávání. Bez balastu.
Odebírat na TelegramuMáte na mysli projekt?
Pošlete krátký brief — nezávazná pevná nabídka během několika hodin.