Rychlost webu rozhoduje o tom, zda návštěvník zůstane, nebo odejde. Google skrze Core Web Vitals (CWV) měří reálnou uživatelskou zkušenost – nejde jen o skóre, ale o dopad na byznys: rychlejší web = vyšší konverze, nižší odchodovost, lepší SEO. V tomto článku ukážeme, co sledovat, jak měřit a jaké kroky přinesou nejrychlejší zlepšení.
Co vlastně Core Web Vitals měří?
LCP (Largest Contentful Paint) – za jak dlouho se načte hlavní obsah stránky. Cíl: ≤ 2,5 s.
INP (Interaction to Next Paint) – odezva webu na interakci (klik, formulář). Cíl: ≤ 200 ms.
CLS (Cumulative Layout Shift) – stabilita rozvržení (žádné „skákaní“ prvků). Cíl: ≤ 0,1.
Tyto metriky vycházejí z reálných dat uživatelů (Chrome UX Report), a proto mají přímý dopad na SEO i UX.
Jak CWV správně měřit (a nespálit se)
Pole vs. laboratoř: Kombinujte PageSpeed Insights (field data) a Lighthouse (lab).
Segmentace: Měřte mobil/desktop, klíčové šablony (HP, kategorie, detail, formulář, blog).
Trend v čase: Nenasazujte „velký refactor“. Optimalizujte v malých, měřitelných krocích.
Tip: Uložte si výchozí snapshot metrik a po každé změně proveďte A/B nebo aspoň před/po porovnání.
Jak CWV správně měřit (a nespálit se)
Kritická cesta renderu
Defer/async pro nepotřebné skripty, minimalizujte render-blocking, snižte počet třetích stran.
Komprese a lazy-loading obrázků
Formáty WebP/AVIF, loading=lazy, srcset pro různé viewporty, CDNy s transformací obrázků.
Fonty
Omezte varianty, použijte font-display: swap, preconnect na font CDN, slučte subsety.
Cache a CDN
Správně nastavte cache headers, HTTP/2/3, brotli gzip, edge caching pro statická aktiva.
Hydratace a JS budget
Redukujte bundle, lazy-load komponent, odstraňte nepotřebné polyfilly a knihovny.
CLS prevence
Rezervujte místo pro bannery, reklamy i obrázky (šířka/výška), stabilní skeletony.
INP zlepšení
Optimalizujte event listenery, debouncing, offload těžké výpočty (Web Workers).
Monitoring v čase
Průběžně sledujte CWV (GA4, BigQuery, CrUX, Sentry). Změna designu? Změříme a vyhodnotíme.
Jak optimalizace dopadá na byznys
Z praxe platí: zlepšení LCP o 1 s často přinese vyšší konverzní poměr o 5–15 % (závisí na segmentu). Když k tomu přidáte nižší CLS a rychlejší odezvu (INP), zlepší se i engagement, SEO pozice a doba na webu.
Jak to uděláme u vás (postup WEBUI)
Audit CWV a prioritizace šablon
Rychlé fixy + měření dopadu
Refaktoring aktiv a obrázků
Nastavení monitoringu v GA4 + dashboard
Často kladené otázky (FAQ)
Potřebujete vědět, jak rychle dokážeme web spustit, co od vás budeme na začátku chtít nebo kolik bude projekt stát? Níže najdete nejčastější dotazy k návrhu, vývoji i spuštění webu. Pokud tu nenajdete odpověď, napište nám – doporučíme nejrychlejší postup i orientační rozpočet.
Co je LCP a jaká je v roce 2025 dobrá hodnota?
LCP (Largest Contentful Paint) měří, za jak dlouho se zobrazí největší viditelný prvek na stránce (obrázek, hero, nadpis). V roce 2025 platí:
Dobré:
< 2,5 sPotřebuje zlepšit:
2,5–4,0 sŠpatné:
> 4,0 s
Nejčastější úpravy: optimalizace obrázků (AVIF/WebP), priority hints,preloadkritických prvků, zmenšení hero obrázků a stabilní layout.
INP vs. FID: co mám řešit a jaký je cíl?
INP (Interaction to Next Paint) nahradil FID a lépe měří odezvu webu při interakcích. Doporučená meta v roce 2025 je INP < 200 ms. Typické kroky: zmenšit JS bundly (code-split), odložit nepotřebný JS (defer, async), omezit třetí skripty, optimalizovat animace a event listenery.
Jak rychle jde web reálně zrychlit?
První „rychlé výhry“ (komprese obrázků, lazy-load, preload fontů, vypnutí těžkých skriptů) zvládneme často během 1–3 dnů. Větší zásahy (refaktoring šablony, code-split, CDN, serverové úpravy) bývají na 1–3 týdny podle rozsahu.
Musím měnit hosting nebo CMS?
Ne vždy. Spoustu výkonu získáme už konfigurací: HTTP/2/3, brotli, správná cache, CDN na statická aktiva, optimalizace PHP/opcache či Node prostředí. Pokud je hosting limitující (TTFB), doporučíme vhodnější variantu. CMS (WordPress/Elementor, Next.js, Shopify) umíme optimalizovat i bez migrace.
Jak zrychlit WordPress/Elementor bez rozbití layoutu?
Lab data (Lighthouse v DevTools, PageSpeed Insights – Lab) simulují načtení v kontrolovaných podmínkách. Field data (CrUX, GA4) ukazují reálné chování vašich uživatelů. Cíl: zlepšovat oboje, ale prioritu dávat field datům (CrUX/GA4), protože z nich Google vychází ve vyhodnocování CWV.
