Studie Googlu ukazují, že pokud se stránka načítá déle než tři sekundy, více než polovina mobilních návštěvníků ji opustí ještě předtím, než se vůbec zobrazí. Neztrácíte jen dobrý první dojem. Ztrácíte zákazníky.
Co se vlastně děje, když web jede pomalu
Představte si, že otevřete obchod. Zákazník přijde ke dveřím, zatlačí na kliku a pak čeká. Pět sekund. Deset. Dveře se nakonec otevřou, ale zákazník mezitím odešel ke konkurenci.
Přesně tak funguje pomalý web.
Uživatelé jsou netrpěliví a zvyklí na okamžitou odezvu. Průměrná doba, po které člověk opustí pomalu se načítající stránku, se pohybuje kolem dvou až tří sekund. A přesto spousta webů tuto hranici pravidelně překračuje.
Problém přitom není jen v odchodu návštěvníků. Pomalý web má přímý dopad na:
- Konverzní poměr. Amazon kdysi zjistil, že každých 100 milisekund zpoždění snižuje jejich tržby o jedno procento. U menších webů bývá dopad ještě viditelnější.
- Pozice v Google. Od roku 2021 zahrnuje Google do hodnocení stránek metriky Core Web Vitals, které přímo měří rychlost a uživatelský zážitek.
- Mobilní uživatele. Přes 60 procent internetového provozu dnes pochází z mobilních zařízení. Každý zbytečný kilobajt dat se na telefonu projeví výrazněji.
Proč jsou weby pomalé
Příčin bývá více najednou. Nejčastější z nich jsou:
- Neoptimalizované obrázky. Fotografie nahrané přímo z fotoaparátu mohou mít i několik megabajtů. Přitom pro zobrazení na webu stačí zlomek této velikosti.
- Příliš mnoho pluginů. Platí zejména pro WordPress. Každý plugin přidává skripty a styly, které se musí načíst.
- Žádné cachování. Bez správně nastaveného cachování se stránka generuje znovu při každé návštěvě.
- Pomalý hosting. Levný sdílený hosting sdílí serverové zdroje s desítkami nebo stovkami dalších webů.
- Nekomprimovaný kód. HTML, CSS a JavaScript soubory mohou být komprimovány pomocí gzip nebo Brotli, čímž se výrazně sníží jejich velikost při přenosu.
Core Web Vitals: jak Google měří rychlost
Google hodnotí rychlost webu prostřednictvím sady metrik zvaných Core Web Vitals. Jsou tři:
LCP
Largest Contentful Paint
Jak rychle se načte největší viditelný prvek stránky, nejčastěji hlavní obrázek nebo nadpis.
Cíl: do 2,5 sekundy
INP
Interaction to Next Paint
Jak rychle stránka reaguje na akci uživatele, například kliknutí na tlačítko nebo odeslání formuláře.
Cíl: pod 200 ms
CLS
Cumulative Layout Shift
Jak moc se obsah stránky pohybuje při načítání. Pokud na vás tlačítka nebo text při načítání skáčou, váš CLS je špatný.
Cíl: pod 0,1
Skóre pro tyto metriky si můžete ověřit zdarma v nástroji Google PageSpeed Insights. Stačí zadat URL svého webu a nástroj vám ukáže konkrétní skóre i doporučení seřazená podle dopadu.
Jak rychlost webu zlepšit
Dobrou zprávou je, že většina problémů s rychlostí má přímočaré řešení.
- Začněte s obrázky. Převeďte obrázky do formátu WebP, který nabízí lepší kompresi při zachování kvality. Na WordPressu pomůže plugin ShortPixel nebo Imagify.
- Zapněte cachování. Na WordPressu použijte plugin WP Rocket nebo W3 Total Cache.
- Projděte pluginy. Deaktivujte a smažte vše, co aktivně nevyužíváte.
- Zvažte lepší hosting. Přechod na managed WordPress hosting nebo VPS může být výrazným krokem vpřed. Ze zkušenosti mohu doporučit Wedos — český hosting s vlastními datacentry, solidní rychlostí a přijatelnou cenou. Zvlášť tarif NoLimit je pro WordPress projekty dobrý základ.
- Použijte CDN. Cloudflare nabízí základní CDN zdarma a přidává i ochranu před útoky.
- Odložte načítání JavaScriptu. Pomocí atributu
deferneboasynclze skripty odložit na pozdější fázi načítání. Více vysvětluje dokumentace web.dev.
Kde začít
Pokud nevíte, kde váš web ztrácí nejvíce, udělejte nejdřív měření. PageSpeed Insights vám ukáže konkrétní skóre i doporučení seřazená podle dopadu.
Pak se zaměřte na obrázky a pluginy. V drtivé většině případů leží největší potenciál ke zlepšení právě tam.
Rychlost webu není luxus pro technicky zdatné. Je to základ, bez kterého ostatní snaha o organický traffic, konverze nebo budování značky stojí na vratkých nohou.
Ondřej Koraba
Content marketing specialist a SEO konzultant. Více na koraba.cz.
Časté otázky
