Rychlost webu je čas, za který se stránka načte a stane se použitelnou pro návštěvníka. Není to jen kdy se zobrazí první pixel, ale i kdy mohu klikat bez prodlevy a kdy se mi pod prstem nepřeskočí tlačítko jinam.
Optimalizace rychlosti webu mě baví. Je to sice náročné, ale mám radost, když se s klientem dostaneme na zelená čísla v PageSpeed Insights a často až k hodnotám kolem 100 %. Je to detailní práce, kde se počítá obrázek po obrázku, skript po skriptu, a výsledek je hmatatelný - rychlejší web, vyšší konverze, lepší pozice ve vyhledávání.
Core Web Vitals jsou oficiální Google metriky a ranking signal od června 2021 (INP nahradil FID v březnu 2024). Tři klíčové hodnoty:
- LCP (Largest Contentful Paint) - největší prvek viditelný do 2,5 sekundy = dobré
- INP (Interaction to Next Paint) - odezva na klik nebo tap pod 200 ms = dobré
- CLS (Cumulative Layout Shift) - vizuální stabilita pod 0,1 = dobré
Google hodnotí 75. percentil reálných uživatelů (CrUX field data) za 28 dní. V roce 2026 stále 43 % webů neprochází INP - nejčastěji selhávající metrika. Cíl Lighthouse skóre je 90+ na mobilu (přísnější než desktop, default mobile-first).
Kaskáda událostí při načítání. TTFB (Time to First Byte) - server odpovídá, cíl pod 200 ms (Google), pod 500 ms ještě OK. FCP (First Contentful Paint) - první text nebo obrázek. LCP - hlavní hero element hotov. INP - stránka reaguje na interakci.
Klíčové faktory: hosting a TTFB, obrázky (často 60-70 % váhy), JavaScript bundle, CSS render-blocking, fonts, CDN edge Cache.
Proč na rychlosti záleží:
- Konverze - 1 sekunda prodlevy znamená až -20 % konverzí na mobilu
- Bounce rate - 1 sekunda až 3 sekundy = +32 %, 1 až 10 sekund = +123 %
- 53 % lidí opustí mobilní web, který se načítá nad 3 sekundy
- SEO - tiebreaker při shodě kvality obsahu
- 70 % zákazníků říká, že rychlost ovlivňuje ochotu nakoupit
Lab vs field. Lighthouse je lab/synthetic test, jeden běh, deterministický, dobrý pro debug. CrUX jsou field data z reálných Chrome uživatelů a Google podle nich rankuje. RUM (Real User Monitoring) je vlastní telemetrie - Cloudflare Web Analytics, Sentry, Vercel Speed Insights. Lab může být zelený, field červený. Vždy ověřit obojí.
Limity. Third-party scripty žerou INP: Meta Pixel, Hotjar, Clarity, GTM, chaty. CMS overhead - WordPress + 20 pluginů, Shoptet šablony bez kontroly DOM. Mobilní zařízení nižší třídy (testováno na Moto G4 emulaci) INP padá nejvíc tam. Cookie consent bannery zhoršují CLS.
Moje top tři quick wins na každém projektu:
- Obrázky - WebP nebo AVIF místo JPG/PNG, lazy loading, responsive srcset, hero preload, explicit width a height (zabrání CLS)
- Kritické CSS inline v hlavičce, zbytek preload async, font-display swap u webfontů
- Síť - Brotli komprese, HTTP/2 nebo HTTP/3, Cloudflare CDN zdarma (edge cache, auto minify, Brotli)
Konkrétní příklad LCP fixu: hero obrázek dostane fetchpriority="high", preload v hlavičce, formát AVIF a správné sizes. Výsledek typicky -1 až -2 sekundy LCP.
Český kontext. Wedos je nejlevnější, reálně OK pro malé weby, NoLimit Extra má slušný TTFB. Websupport (stejný vlastník jako Active24) má jednodušší admin a srovnatelný výkon. VSHosting je managed prémium, server v Praze, vhodný pro e-shopy a Nette, vyšší cena 2 000-10 000 Kč měsíčně. Lokální server v ČR nebo SK znamená nižší TTFB pro českého návštěvníka než Hosting v USA nebo DE. Trh ovládají Shoptet a WordPress, rychlost je často limitována šablonou, ne hostingem.
Chcete dostat váš web na zelená čísla v PageSpeed Insights? Napište mi, projdu váš stack od TTFB až po INP a navrhnu konkrétní opravy s odhadem dopadu.
Pavel Szabo
Programátor webů, eshopů a informačních systémů s více než 23 lety praxe. Pomáhám firmám i jednotlivcům s online podnikáním, automatizacemi a využitím AI v praxi.
