Načítá se váš web pomalu? Příčin může být celá řada

Rychlost vašeho webu závisí na mnoha faktorech a bohužel není jednoduché ji jen tak ze dne na den převratně zvýšit. Pokud máte pocit, že se vaše stránka načítá příliš pomalu, může být potřeba změnit webhosting, nebo web do značné míry upravit. A někdy to je pěkný oříšek. My se však dnes žádným náročným technikáliím věnovat nebudeme. Některé potíže totiž můžete vyřešit sami.

Rychlost načítání webu je jedním z nejdůležitějších faktorů, na kterém závisí celý jeho úspěch. Návštěvníci jsou totiž čím dál tím netrpělivější a jediná sekunda načítání navíc znamená v průměru o 11 % nižší návštěvnost. Webové vyhledávače navíc řadí rychlost načítání mezi jeden z klíčových ukazatelů, takže čím pomalejší stránka, tím níže vás Google bude zobrazovat ve výsledcích.

Chyby ve stavbě webu

Důvodů proč se vaše stránky načítají pomalu může být skutečně mnoho. Mezi nejčastější patří například nevhodně použité javascripty, příliš mnoho prvků na stránce, vícero CSS souborů, které mohou být sloučeny v jeden dokument, apod.

Při řešení takových problémů je však potřeba často web upravit komplexněji. Odhalit a opravit příčinu zpomalení tak může být i dost časově náročné. Proto doporučujeme na optimalizaci webu myslet už při jeho vytváření. Při optimalizaci již běžícího webu je pak vhodné vytvořit pracovní kopii, ve níž lze závady postupně odhalovat a následně opravovat, přičemž si pro jistotu zachováte i původní verzi. Pokud však s tvorbou stránek nemáte zkušenosti, raději tento úkol přenechte odborníkům, kteří zajistí, že vše od začátku pošlape jako hodinky. Občas ale mají pomalé načítání na svědomí mnohem menší chybky způsobené v budoucnu, které lze nicméně bez potíží opravit. Právě na ty se zaměříme níže.

Pomalé pluginy

Tento problém se týká většiny svépomocných stavitelů, kteří používají nějaký software pro tvorbu webu (CMS) typu WordPress. Při tvorbě nebo úpravě webu často začnou stahovat a testovat všechny možné pluginy, které jim přijdou pod ruku. Některé přitom mohou být špatně naprogramované, a i jediný takový plugin dokáže vaši stránku zásadně zpomalit.

Zkuste tedy měřit rychlost webu, přičemž mějte některé pluginy vypnuté. Tak můžete přijít na to, že se bez některých stránka načítá rychleji. Zkuste je tedy raději vyhodit a vybrat k nim alternativu.

Tip: Změřit rychlost vašeho webu vám pomohou nástroje jako Pingdom či PageSpeed Insight od Googlu. Ten vám pak i konkrétně poradí, co můžete na svém webu upravit, aby se načítal rychleji.

Zároveň se snažte pluginů používat co možná nejméně a ty, které nevyužíváte, deaktivujte, nebo rovnou odstraňte. Používané pluginy a šablony pak stále udržujte aktualizované.

Příliš mnoho příliš velkých obrázku

Používání přílišného množství obrovských obrázků je problém, na který vás hned na začátku upozorní většina článků o zrychlování webu. Je to jednoduché. Pokud máte v každém příspěvku a na každé stránce desítky obrázků v té nejlepší kvalitě, odeberte je. Každý obrázek se totiž musí načíst, takže čím víc větších obrázků, tím delší doba načítání stránky.

Při vkládání obrázků na web se nejlépe držte formátů nové generace jako WebP či AVIF (případně běžných JPEG či GIF), snažte se, aby byl každý soubor co nejmenší (kompresí třeba ve Photoshopu nebo TinyPNG) a používejte je s mírou.

Zároveň je dobré určit si jednotný poměr stran a ten u každého snímku zachovat. Díky tomu můžete držet prostor obrázkům dokud se nenačtou a optimalizovat tak metriku Cumulative Layout Shift (udává stabilitu vzhledu webu během načítání).

Zbytečně dlouhý kód

Na začátku jsme psali, že se podíváme na problémy, které lze vyřešit bez znalosti programování, že? Správně. Každý web je ale poháněn nějakým kódem, ať už je naprogramovaný ručně, nebo skrz nějaký CMS. A načítání takového kódu lze zrychlit pomocí tzv. minifikace. To je proces, při kterém se z tisíců řádků HTML, CSS a JS kódu odstraní všechny zbytečné mezery, odstavce nebo znaky – všechno zůstane funkční, ale celé se to smrskne. Nejlepší je, že přitom nemusíte mít o programování nejmenší páru. O minifikaci se totiž postará jednoduchý program nebo plugin.

Pokud pro úpravu webu používáte nějaký software (Joomla, Wordpress apod.) je minifikace skvělým pomocníkem, který opravdu dokáže nějaký ten čas z načítání sebrat. Jestliže však s kódem stránky pracujete vy, nebo někdo jiný napřímo, raději tento krok přeskočte. Minifikovaný kód se totiž načítá rychleji, ale pro lidského programátora je téměř nečitelný.

Velké množství fontů

V článku o tom na co si dát pozor při designu webu jsme se hned zezačátku věnovali tomu, že velké množství fontů prostě není dobrá cesta. Namixované nejrůznější druhy písma nevypadají pěkně a navíc narušují konzistentnost celého webu. A příliš mnoho fontů může navíc zpomalovat váš web. Zkuste napříč svým webem používat maximálně 2-3 různé druhy písma. Vždy by se měly také nejprve načítat fonty, které má prohlížeč v sobě, a až poté by se měly začít zobrazovat externí styly.

Widgety a skripty třetích stran

Mezi widgety třetích stran se řadí všechny nástroje, které se načítají mimo vaši doménu. Mohou to být například Google reklamy, Facebook chat, analytické nástroje, externí multimediální soubory apod. Ty vám mohou ulehčit život, protože odněkud stačí zkopírovat vygenerovaný kód a získáte na svůj web skvělou vychytávku. Jenže každý takový skript se musí načíst z nějakého externího serveru. A to chce čas. Pokud tedy máte na webu nějaké skripty či widgety třetích stran, které pořádně nevyužíváte, rovnou je odstraňte.

Pokud se váš web stále načítá pomalu, bude nejspíše chyba někde hlouběji. Možná používáte špatný hosting a máte web uložený v serveru na druhém konci světa. Problém může být také ve špatné struktuře souborů s kódem.

Pokud jste však v oboru web developmentu spíše kutil, bude lepší tyto starosti přenechat profesionálům, kteří se tvorbou webových stránek zabývají. Ti se na problém podívají komplexněji a dokáží řešit jakékoliv problémy individuálně. Jak jsme ale psali již v úvodu, vždy je lepší optimalizaci webu řešit při samotné tvorbě. Příště na to určitě myslete.