Pomalý web: jak poznat, kolik vás stojí, a jak ho zrychlit

Web je pomalý, když se hlavní obsah načte déle než 2,5 sekundy. Každá další vteřina čekání odhání lidi pryč a Google takový web posouvá níž. Dobrá zpráva je, že většinu příčin opravíte za jedno odpoledne a programátora k tomu většinou nepotřebujete.

Nejdřív si ukážeme, jak rychlost změřit pořádně, ne pocitem. Pak projdeme tři nejčastější brzdy a co s každou udělat.

Jak poznáte, že je web pomalý (ne pocitem)

Vlastní web vám přijde rychlý skoro vždycky. Máte ho v cache, otevíráte ho z rychlé wifi a podvědomě počkáte. Návštěvník ne. Na pocit se proto spolehnout nedá, musí se měřit.

Zdarma to udělá Googlí PageSpeed Insights. Zadáte adresu a dostanete tři čísla, kterým se říká Core Web Vitals:

  • LCP - jak rychle se objeví hlavní obsah. Cíl pod 2,5 sekundy.
  • INP - jak rychle web zareaguje, když na něco kliknete. Cíl pod 200 milisekund.
  • CLS - jestli obsah neposkakuje, zatímco se stránka dočítá. Cíl skoro nula.

Jedna věc navíc. PageSpeed ukazuje dvě sady čísel: laboratorní test a data od reálných návštěvníků. Věřte těm od reálných lidí, ta laboratorní jsou jen odhad.

Kolik vás pomalý web stojí

Pomalý web platíte dvakrát. Jednou u Googlu, protože rychlost je jeden z faktorů řazení. Podruhé u člověka, který nepočká. Čím déle se stránka načítá, tím víc lidí ji zavře dřív, než vůbec uvidí, co nabízíte.

U e-shopu to znamená míň objednávek, u služby míň poptávek. A nejvíc štve, že v Google Analytics to pak vypadá jako „lidi nemají zájem", i když ve skutečnosti jen nedočkali.

Tři nejčastější brzdy (a jak je sundat)

1. Velké obrázky

Viník číslo jedna, skoro pokaždé. Fotka nahraná rovnou z foťáku má klidně 5 MB a web ji pak cpe do okénka velkého jako vizitka. Návštěvník stahuje data, která nikdy neuvidí.

Co s tím: zmenšete obrázky na rozměr, v jakém se reálně zobrazují, uložte je ve formátu WebP a zapněte lazy loading - obrázky se načtou až ve chvíli, kdy k nim člověk doscrolluje. Jen tohle často usekne polovinu času načítání.

2. Moc skriptů a sledovačů

Každý chat, mapa, sledovač a tlačítko „to se mi líbí" si stáhne vlastní kód. Pět takových doplňků a web se zadrhne ještě dřív, než se ukáže text.

Co s tím: projděte, co na webu reálně používáte. Co ne, pryč s tím. Zbytek nechte načítat až po hlavním obsahu (atribut defer nebo async).

3. Pomalý hosting nebo žádná cache

Levný sdílený hosting umí být úzké hrdlo, hlavně u stránky bez cache, která se generuje znovu při každém načtení.

Co s tím: zapněte cache (u WordPressu pluginem, jinde v nastavení serveru) a pusťte web přes CDN, třeba Cloudflare zdarma. Stránka se pak servíruje z místa blízko návštěvníka.

Rychlé výhry, co zvládnete dnes

  1. Pusťte web přes PageSpeed Insights a poznamenejte si LCP.
  2. Najděte největší obrázek na hlavní stránce a zmenšete ho.
  3. Vypněte jeden doplněk, který nepoužíváte.
  4. Zapněte před web Cloudflare, je to zdarma.

Pak pusťte PageSpeed znovu a porovnejte. Rozdíl většinou uvidíte hned.

Nechce se vám v tom hrabat?

Změřím váš web, najdu, co ho brzdí, a pošlu konkrétní seznam, co opravit. Pro první zájemce po spuštění zdarma.

Chci analýzu zdarma

Časté otázky

Jaká rychlost webu je dobrá?

LCP pod 2,5 sekundy, reakce na klik (INP) pod 200 milisekund a žádné poskakování obsahu (CLS skoro nula). To jsou hodnoty, které Google bere jako dobré.

Zrychlí web jen lepší hosting?

Někdy pomůže, ale nejčastější brzda jsou velké obrázky a zbytečné skripty, ne server. Začněte u nich.

Pomůže rychlost i v SEO?

Ano. Core Web Vitals jsou jeden z faktorů řazení a rychlý web navíc udrží lidi déle, což Googlu taky signalizuje kvalitu.