Studie ukazují, že 53 % návštěvníků opustí web, pokud se nenačte do 3 sekund. Rychlost ovlivňuje konverze, SEO i uživatelský zážitek.
Proč na rychlosti záleží
- UX: Rychlý web = spokojení návštěvníci
- Konverze: Každá sekunda navíc snižuje konverze o 7 %
- SEO: Google hodnotí rychlost jako ranking faktor
- Bounce rate: Pomalý web = vysoká míra opuštění
- Mobilní uživatelé: Na mobilu je rychlost kritická
Jak měřit rychlost
Core Web Vitals
Google definoval 3 klíčové metriky:
- LCP (Largest Contentful Paint): Jak rychle se načte hlavní obsah — cíl: pod 2,5 s
- INP (Interaction to Next Paint): Jak rychle web reaguje — cíl: pod 200 ms
- CLS (Cumulative Layout Shift): Stabilita layoutu — cíl: pod 0,1
Nástroje pro měření
- PageSpeed Insights (Google)
- GTmetrix
- WebPageTest
- Lighthouse (v Chrome DevTools)
Co zpomaluje web
- Velké obrázky: Nekomprimované, neoptimalizované
- Mnoho HTTP požadavků: Každý soubor = požadavek
- JavaScript: Velké skripty, blokující rendering
- Fonty: Příliš mnoho fontů nebo váh
- Pomalý server: Špatný hosting
- Bez cachování: Vše se stahuje znovu
Jak zrychlit web
Obrázky
- Komprese (TinyPNG, Squoosh)
- Moderní formáty (WebP, AVIF)
- Lazy loading
- Správné rozměry
Kód
- Minifikace CSS a JS
- Odstranění nepoužívaného kódu
- Defer/async pro skripty
- Code splitting
Server
- Kvalitní hosting
- CDN pro statické soubory
- HTTP/2 nebo HTTP/3
- Gzip/Brotli komprese
Cachování
- Browser cache
- Server-side cache
- CDN cache
Statické vs. dynamické weby
Statické weby (jako tento) jsou výrazně rychlejší — stránky jsou předgenerované a servírované z CDN. Pro firemní prezentace ideální řešení.