Rychlost webu: jak ji změřit a co ji nejčastěji brzdí
Rychlost webu se nedá posoudit od oka na vlastním počítači a rychlé Wi-Fi. Tady je postup, jak ji během pár minut změřit zdarma, jak číst výsledky a co pomalé weby brzdí nejčastěji.
Aktualizováno
Krok 1: Změřte web v PageSpeed Insights
- Otevřete PageSpeed Insights a zadejte adresu úvodní stránky.
- Nejdřív se dívejte na záložku Mobil – je přísnější a odpovídá tomu, jak web otevírá většina lidí v terénu.
- Změřte i nejdůležitější podstránky (služba, kontakt, galerie). Každá může mít jiný problém.
Krok 2: Rozlište data od lidí a laboratorní test
Výsledek má dvě části, které se často pletou:
- Data od skutečných uživatelů (nahoře) – jak rychle se web načítal opravdovým návštěvníkům v Chromu za posledních 28 dní. Malé weby je často nemají.
- Laboratorní test (diagnostika a skóre 0–100) – jedno simulované načtení na pomalejším telefonu. Dobré pro hledání příčin.
Krok 3: Přečtěte Core Web Vitals
Google sleduje tři hlavní metriky. Hranice „dobré“ hodnoty, kterou Google uvádí:
| Metrika | Co měří | Dobrá hodnota |
|---|---|---|
| LCP | Za jak dlouho se zobrazí největší prvek (obvykle hlavní fotka nebo nadpis). | do 2,5 s |
| INP | Jak rychle stránka reaguje na kliknutí a psaní. V březnu 2024 nahradila metriku FID. | do 200 ms |
| CLS | Jestli obsah při načítání neposkakuje – třeba když se pozdě načte obrázek nebo banner. | do 0,1 |
Krok 4: Najděte příčinu
V diagnostice PageSpeed najdete konkrétní soubory, které web brzdí. Nejčastější viníci u firemních webů:
- Velké obrázky – fotky nahrané přímo z telefonu, v PNG místo WebP, nebo v rozměrech, které obrazovka nepotřebuje. Postup je v návodu Fotky na web.
- Pluginy a skripty – každý plugin v redakčním systému může přidat vlastní styly a JavaScript, i na stránky, kde se vůbec nepoužívá.
- Skripty třetích stran – chatovací okna, měřicí kódy, widgety sociálních sítí, vložená videa a mapy. Každý stahuje další data z cizího serveru.
- Slidery a animace v úvodu – načítají několik velkých fotek naráz, i když člověk uvidí jen první.
- Webová písma – mnoho řezů písma z cizího serveru, zobrazení textu až po stažení písma.
- Pomalý server – projeví se jako dlouhá doba odezvy serveru, ještě než se začne cokoli kreslit.
Krok 5: Opravte to, co má největší efekt
- Zmenšete a zkomprimujte obrázky, převeďte je do WebP nebo AVIF.
- Obrázky mimo první obrazovku nechte načítat až při posouvání (lazy loading).
- Obrázkům a vloženým prvkům dejte pevné rozměry – zmizí poskakování (CLS).
- Odstraňte pluginy a skripty, které nepotřebujete. U každého měřicího kódu si řekněte, kdo data opravdu čte.
- Mapu a video vložte až po kliknutí – místo nich ukažte náhled.
- Písma hostujte u sebe a omezte počet řezů.
- Zapněte cache a kompresi na serveru, případně změňte hosting.
Po každé změně měřte znovu. Pokud web stojí na těžké šabloně nebo stavitelné stránce, můžou opravy narazit na strop – rozdíl mezi přístupy popisuje článek Web na míru, nebo šablona?
Krok 6: Hlídejte rychlost i po spuštění
Weby nezpomalují najednou, ale postupně: nový plugin, další měřicí kód, velká fotka v aktualitách. Jednou za čtvrt roku si web změřte znovu a podívejte se v Google Search Console do přehledu Core Web Vitals. Souvislost s vyhledáváním rozebírá návod SEO základy.
Jak to děláme my
Rychlost řešíme už při návrhu: kritické styly vkládáme přímo do stránky, písma hostujeme sami a v úvodu nepoužíváme zbytečný JavaScript. Náš vlastní web má v Lighthouse na počítači 100/100 ve všech kategoriích a na mobilu přes 90 – ověříte si to sami v PageSpeed Insights.
Časté otázky
Proč mi PageSpeed ukazuje pokaždé jiné skóre?
Laboratorní test se spouští znovu při každém měření a výsledek ovlivňuje zatížení serveru, sítě i testovacího stroje. Rozdíl o několik bodů je normální. Sledujte trend a konkrétní doporučení, ne jedno číslo.
Proč nevidím data od skutečných uživatelů?
Google je zobrazuje jen u webů s dostatečnou návštěvností z prohlížeče Chrome. Malé nebo nové weby je často nemají – pak se řiďte laboratorním testem.
Ovlivňuje rychlost pozice ve vyhledávání?
Core Web Vitals jsou jedním ze signálů, které Google používá, ale nejsou hlavní. Rychlost má hlavně vliv na lidi: pomalý web opouštějí dřív, než se načte.
Pomůže rychlejší hosting?
Pokud server odpovídá pomalu, ano. Většinou ale web brzdí to, co se načítá v prohlížeči – velké obrázky a skripty. Ty rychlejší hosting nespraví.
Dá se zrychlit web na WordPressu?
Často ano: odstranit nepoužívané pluginy, zmenšit obrázky, nasadit cache a omezit skripty třetích stran. Pokud je problém v těžké šabloně nebo stavitelné stránce, pomůže až její výměna.