Pomalý web vás stojí zákazníky. Proč na rychlosti záleží víc než na efektech

Přiznám se k něčemu. Na svém vlastním webu jsem měla krásnou úvodní animaci – žlutá linka, rozjíždějící se pozadí, podpis. Byla jsem na ni pyšná. A pak jsem si web otevřela na mobilu, na pomalejším připojení, a uvědomila si, že první dvě a půl vteřiny návštěvník nevidí nic jiného než efekt.

Animaci jsem zrušila a nadpis teď naskočí okamžitě. Web vypadá pořád prémiově – jen už nikoho nenechává čekat. A přesně o tom je tenhle článek.

Proč na rychlosti tolik záleží

Lidé na internetu nečekají. Starší, ale stále často citovaná studie Googlu ukázala, že víc než polovina návštěvníků z mobilu odejde, pokud se stránka načítá déle než tři vteřiny. Od té doby se trpělivost uživatelů rozhodně nezlepšila.

Rychlost navíc sleduje i Google. Hodnotí ji pomocí metrik Core Web Vitals a pomalý web může ve výsledcích vyhledávání prohrávat s rychlejší konkurencí. A rychle se načítající, dobře čitelný obsah snáz zpracují i AI asistenti.

Tři čísla, která stojí za to znát

• LCP (Largest Contentful Paint) – za jak dlouho se zobrazí hlavní obsah, třeba velký nadpis nebo úvodní fotka. Cíl: do 2,5 vteřiny.
• INP (Interaction to Next Paint) – jak rychle web zareaguje, když na něco kliknete. Cíl: do 200 milisekund.
• CLS (Cumulative Layout Shift) – jestli obsah při načítání „skáče“. Znáte to, chcete kliknout na tlačítko a najednou je o kus níž. Cíl: pod 0,1.

Změřit si je můžete zdarma na stránce PageSpeed Insights od Googlu. Stačí vložit adresu webu. Dívejte se hlavně na výsledky pro mobil – ty bývají horší a zároveň nejdůležitější.

Co weby malých firem zpomaluje nejčastěji

Za roky práce jsem viděla stovky webů. Viníci se opakují pořád dokola – a dobrá zpráva je, že většinu z nich jde vyřešit bez nového webu.

1. Obrovské obrázky

Nejčastější viník. Fotka z mobilu nebo fotoaparátu má klidně 5 MB, i když se na webu zobrazuje jako malý náhled. Návštěvník ji ale musí celou stáhnout.

Co pomáhá: zmenšit obrázky na rozměr, ve kterém se skutečně zobrazují, a převést je do moderních formátů WebP nebo AVIF. Na svém webu jsem tímhle krokem zmenšila velikost obrázků o desítky megabajtů – bez viditelného rozdílu v kvalitě.

2. Úvodní animace a efekty, které blokují obsah

Animace jsou skvělé, když obsah doprovázejí. Problém je, když ho zdržují – úvodní loader, text, který se pomalu „vynořuje“, nebo sekce, které se zobrazí až po několika vteřinách.

Co pomáhá: hlavní obsah ukázat hned a efekty používat až níž na stránce nebo jako jemný doplněk. Krátké animace (do půl vteřiny) působí prémiově, dlouhé působí pomale.

3. Příliš mnoho pluginů a skriptů třetích stran

Chat, analytika, mapy, widgety sociálních sítí, cookie lišta, pop-up s newsletterem, tři měřicí kódy reklam… Každý z nich něco stahuje a spouští. U webů na WordPressu k tomu přistupují desítky pluginů, z nichž polovina se už nepoužívá.

Co pomáhá: projít, co na webu opravdu potřebujete. Nepoužívané pluginy a skripty odstranit, zbytek načítat až ve chvíli, kdy je potřeba.

4. Levný nebo přetížený hosting

Pokud server odpovídá pomalu, nepomůže ani dokonale optimalizovaný web. Nejlevnější sdílené hostingy bývají v době špičky pomalé.

Co pomáhá: kvalitní hosting se servery v Evropě, zapnutou kompresí a cache. Rozdíl pár desítek korun měsíčně se často vrátí v jediné zakázce.

5. Písma načítaná nešikovně

Vlastní písma dodávají webu charakter, ale pokud jich je moc nebo se načítají nevhodným způsobem, text se zobrazí pozdě nebo „problikne“.

Co pomáhá: omezit počet řezů písma na ty, které opravdu používáte, a načítat je tak, aby se text zobrazil okamžitě, i kdyby se písmo ještě dotahovalo.

Rychlý checklist

• Změřil/a jsem web v PageSpeed Insights na mobilu?
• Mají obrázky rozumnou velikost a moderní formát (WebP/AVIF)?
• Vidí návštěvník hlavní nadpis do jedné až dvou vteřin?
• Nebrzdí obsah úvodní animace nebo loader?
• Používám jen pluginy a skripty, které opravdu potřebuji?
• Neskáče obsah při načítání?
• Mám kvalitní hosting?

Krása a rychlost nejsou protiklady

Často slýchám obavu, že rychlý web znamená nudný web. Není to pravda. Prémiový design stojí na typografii, prostoru, barvách a detailu – ne na tom, jak dlouho se načítá. Nejlepší weby působí jako luxusní obchod: všechno je na svém místě a nikdo vás nenechá stát u dveří.

Pokud vám web připadá pomalý nebo nevíte, jak si stojí, ozvěte se. Ráda ho změřím, ukážu vám, kde ztrácí čas, a navrhnu, co zlepšit – ať už jde o drobné úpravy, nebo nový web.