Lidé jsou netrpěliví. Když se web nenačte do pár vteřin, velká část návštěvníků odejde dřív, než vůbec něco uvidí. Rychlost navíc hodnotí i Google – pomalejší web dává ve výsledcích níž. Dobrá zpráva: za pomalostí bývá pár konkrétních věcí, které se dají snadno spravit. Pojďme na ně.
1. Obrázky – nejčastější viník
Fotky bývají zdaleka největší zátěž. Fotka z telefonu může mít klidně 5 MB a rozměr přes 4000 pixelů – a přitom se na webu zobrazuje třeba v 800 pixelů širokém místě. Prohlížeč pak stahuje mnohonásobně víc dat, než je potřeba.
- Zmenšete rozměr. Obrázek uložte tak velký, jak se reálně zobrazuje (u fotek na web obvykle stačí šířka do 1600 px).
- Zkomprimujte ho. Nástroje jako TinyPNG nebo Squoosh zmenší velikost souboru klidně o 70 % bez viditelné ztráty kvality.
- Použijte moderní formát. Formát WebP je výrazně menší než JPG nebo PNG při stejné kvalitě.
loading="lazy" k obrázkům zařídíte, že se fotky níže na stránce načtou až ve chvíli, kdy k nim člověk doroluje.2. Míň je někdy víc
Každý doplněk, který na web přidáte, se musí stáhnout a spustit. Deset pluginů, tři sady písem a pět sledovacích skriptů dokážou i jednoduchou stránku pořádně zpomalit. Tohle je mimochodem jeden z důvodů, proč bývají přeplácané weby na WordPressu pomalé – a proč weby na míru zvládnou být svižné.
- Nechte na webu jen to, co opravdu používáte.
- Vystačte si s jednou až dvěma sadami písem.
- Omezte externí skripty na nezbytné minimum.
3. Hosting a mezipaměť
I ten nejlíp připravený web zpomalí pomalý hosting. Vyplatí se kvalitní český hosting poblíž vašich návštěvníků. Pomáhá také mezipaměť (cache) – prohlížeč si uloží části webu, takže při další návštěvě se načtou okamžitě z počítače místo stahování ze serveru.
4. Jak rychlost změřit
Nemusíte hádat. Zadejte adresu webu do nástroje PageSpeed Insights od Googlu (pagespeed.web.dev) a dostanete známku od 0 do 100 i konkrétní tipy, co zlepšit – zvlášť pro mobil a zvlášť pro počítač.
Časté chyby
- Nahrání fotek rovnou z foťáku. Mnohamegová fotka je nejčastější příčina pomalého webu.
- Zbytečné doplňky. Každý skript a plugin něco stojí.
- Měření jen na počítači. Testujte hlavně mobil s pomalejším připojením – tak web zažije většina lidí.
Nechcete web řešit sami a chcete ho mít hotový a profesionální?
Podívejte se na tvorbu webů →© Ondřej Šteigl. Autorem návodů jsem já. Obsah je autorským dílem chráněným podle zákona č. 121/2000 Sb. (autorský zákon). Kopírování, přebírání nebo šíření bez mého předchozího písemného souhlasu je zakázáno. Výukové použití je vítáno – stačí uvést zdroj (osteigl.cz).