Osm příčin, které dělají české weby pomalými, pořadí oprav podle efektu a čísla, kterých chcete dosáhnout. Než cokoli změníte, změřte si, jak na tom jste.
Změřit svůj webVýchozí měření
„Někdo mi řekl, že je web pomalý" není výchozí hodnota. Výchozí hodnota jsou tři čísla. LCP 3,4 sekundy znamená hodně práce, LCP 1,9 sekundy znamená, že problém je jinde než v rychlosti. Bez měření to nevíte a opravujete naslepo.
A záleží na tom, kde měříte. PageSpeed Insights běží na zahraničním serveru a k výsledku přidává latenci, kterou vaši návštěvníci nemají. Náš test rychlosti webu měří z českých serverů — tedy to, co zažívá návštěvník z Prahy, Brna i menšího města. Zadáte adresu, do 30 sekund máte skóre, tři metriky a seznam souborů, které web brzdí nejvíc. Bez registrace.
Čísla si někam zapište. O týden později z nich uděláte důkaz, že to pomohlo.
Příčiny
Příčin pomalého načítání není nekonečně mnoho — u českých webů se opakují tytéž. Každá kazí jinou metriku, takže už z jednoho měření je často vidět, kde hledat. Platforma přitom rozhoduje o tom, jak se opravuje: jinak na WordPressu, jinak na e-shopu na Shoptetu, kde do jádra nevidíte.
Podle toho, která metrika selhává, se pozná i viník. Test běží z českých serverů, pro mobil i počítač.
Postup
Kroky jsou seřazené podle poměru efektu a námahy. První tři položí většinu výsledku.
Bez čísel nevíte, co opravujete, ani jestli to pomohlo. Skóre pro mobil i počítač, LCP, INP, CLS — a zapište si to.
Nejrychlejší krok a nejčastěji vynechaný. Zásah do cache, komprese i šablony umí web rozbít rychleji, než ho zrychlíte.
Zmenšete, převeďte do WebP, doplňte rozměry. V drtivé většině případů jde o pět souborů z první místa seznamu nejtěžších. Odpoledne práce za desítky procent rychleji.
Zapněte serverovou cache a kompresi. Na WordPressu na to stačí jeden plugin — dva cache pluginy spolu válí o stejné místo.
Deaktivujte a smažte všechny, které nepoužíváte. Zapnutý a nepoužitý plugin brzdí každou stránku; ležící v adresáři nebrzdí nic.
Maximálně dvě rodiny, formát woff2, přednačtení. Každý řez navíc je další soubor, který se stahuje místo obsahu.
Odložte skripty, které nepotřebujete k prvnímu vykreslení, a zbavte se těch, u kterých nikdo neví, k čemu jsou. Tady už se hodí developer.
Když je TTFB pořád nad 0,8 sekundy, stěhujte se. U českého webu s českými návštěvníky dá slušný český hosting často víc než CDN.
Stejná adresa, stejné podmínky, opět třikrát. Porovnáte se zápisem z prvního kroku a máte černé na bílém, co změna udělala.
Ověření
Jedno měření je loterie. Rychlost se liší běh od běhu podle vytížení serveru, cache i sítě. Měřte třikrát za sebou a pracujte s prostřední hodnotou, ne s nejlepším výsledkem, který se vám zrovna líbil.
Po úpravách to samé: stejná adresa, mobil, ideálně stejný čas dne. Rozdíl před a po je jediný poctivý důkaz. Weby se zpomalují i samy, takže bez kontrolního měření nikdy nevíte, jestli vaše oprava něco udělala, nebo jen přehlušila jiné zhoršení.
Cíl jsou tři čísla: LCP do 2,5 sekundy, INP do 200 milisekund, CLS do 0,1. Mezníky jsou stejné pro všechny weby — Google je používá jako práh dobrého zážitku.
| Metrika | Dobré | Potřebuje zlepšit | Špatné |
|---|---|---|---|
| LCP — hlavní obsah | do 2,5 s | 2,5–4 s | nad 4 s |
| INP — odezva | do 200 ms | 200–500 ms | nad 500 ms |
| CLS — poskakování | do 0,1 | 0,1–0,25 | nad 0,25 |
Náklady a výnos
Obrázky, cache, pluginy i fonty vás nestojí korunu — jen odpoledne. Zjistit, že máte vůbec problém, taky ne: test rychlosti je zdarma a neomezený. Na developera přijde řada až u JavaScriptu a INP, kde se bez zásahu do kódu nic výrazně nepohne.
Co to vrací: Google uvádí, že 53 % mobilních návštěvníků opustí stránku, která se načítá déle než tři sekundy. Deloitte změřil, že zrychlení o 0,1 sekundy zvedá konverze v průměru o 8 % — přitom 0,1 sekundy je méně, než trvá mrknutí. Není to zákon, ale směr je konzistentní napříč měřeními.
Jestli chcete opravy rozdělit do vln podle náročnosti, k tomu je průvodce optimalizací rychlosti webu.
Shrnutí
Devět bodů, které z toho vyplývají. Kdybyste si pamatovali jen první a poslední, stačí to.
Změřit se dá hned tady v zadání nástrojem; další průvodce a audity pak podle toho, na čem web běží.
Zadáte adresu a do 30 sekund máte tři metriky, skóre pro mobil i počítač a seznam souborů, které načítání brzdí nejvíc. Zdarma, bez registrace, z českých serverů.