Prečo je web pomalý? 7 najčastejších príčin a ako ich nájsť sami za 10 minút

Pomalý web má zvyčajne jednu z siedmich príčin: ťažké obrázky, priveľa skriptov a doplnkov, pomalá odozva servera, chýbajúca cache, vložené videá a mapy, písma a nevhodný hosting. Ako každú z nich rozpoznať v bezplatných nástrojoch, čo opravíte sami a čo nechať na vývojára.

Tento článek je zatím dostupný jen ve slovenštině.

„Web je pomalý“ je najčastejšia sťažnosť, s ktorou sa stretávame, a zároveň najmenej konkrétna. Pomalý môže byť server, obsah stránky alebo jeden doplnok, ktorý čaká na cudzí server. Každá z týchto príčin sa opravuje inak a stojí iné peniaze. Tento návod ukazuje, ako za 10 minút zistiť, ktorá je tá vaša, a čo s tým.

Ako zmerať, kde je problém?

Použite dva bezplatné nástroje. PageSpeed Insights (pagespeed.web.dev): zadajte adresu, prepnite na mobil a pozrite skóre a čas načítania najväčšieho prvku (LCP). Google chce do 2,5 sekundy. V našom prieskume 100 webov slovenských firiem to splnilo 5 zo 100, medián bol 7,8 sekundy. Pod výsledkom je zoznam „Diagnostika“ s konkrétnymi príčinami a odhadom úspory.

Karta Sieť v prehliadači (v Chrome klávesa F12, karta Network, obnoviť stránku): prvý riadok je samotná stránka. Ak jej stĺpec „Čas“ ukazuje sekundy, je pomalý server alebo niečo, čo beží pri každom načítaní. Ak je prvý riadok rýchly a pomalé je všetko za ním, je problém v obsahu: obrázky, skripty, videá. Dole vidíte počet požiadaviek a celkovú veľkosť stránky.

1. Obrázky nahrané bez zmenšenia

Najčastejšia príčina a najlacnejšia oprava. Fotka z mobilu má 3 až 6 MB, na webe stačí 150 až 300 kB. Lighthouse pri 44 zo 100 webov v našom prieskume upozornil na priveľkú úvodnú stránku, 8 webov malo nad 10 MB. Ako to spoznáte: v PageSpeed položky „Zobrazujte obrázky vo formátoch novej generácie“ a „Správne nastavte veľkosť obrázkov“. Oprava: zmenšiť na skutočnú zobrazovanú šírku, uložiť ako WebP, pri galériách načítavať až pri posune (lazy loading). Vo WordPresse to zvládne doplnok na optimalizáciu obrázkov alebo nastavenie témy.

Chcete to mať hotové bez starostí? Pošlite nám pár viet o zadaní a cenovú ponuku dostanete do 48 hodín, zadarmo a bez záväzkov.

Spustiť projektZavolať +421 948 125 966

2. Skripty a doplnky, ktoré sa načítajú pred obsahom

Chat, sledovacie kódy, animácie, prehrávače, stavebnice stránok s desiatkami doplnkov. Každý skript, ktorý beží pred vykreslením, posúva prvý obsah o stovky milisekúnd. V prieskume blokovali skripty stránku dlhšie, než Google toleruje, pri 29 % webov. Ako to spoznáte: v PageSpeed „Skráťte čas vykonávania JavaScriptu“ a „Odstráňte zdroje blokujúce vykreslenie“, vysoké číslo pri TBT. Oprava: vypnúť doplnky, ktoré nepoužívate (bežný firemný WordPress ich má desiatky, potrebuje zlomok), načítať skripty odložene (defer), chat a sledovanie spustiť až po prvej interakcii.

3. Pomalá odozva servera

Čas, kým server vôbec začne posielať stránku (TTFB). Dobrá hodnota je do 200 ms, v prieskume bol medián pri weboch s dátami od návštevníkov 750 ms. Ako to spoznáte: v karte Sieť je pomalý prvý riadok, v PageSpeed „Skráťte počiatočný čas odozvy servera“. Príčiny: zdieľaný hosting bez vyrovnávacej pamäte, ťažká databáza, doplnok, ktorý pri každom načítaní volá cudzí server (prekladové služby, kurzy mien, počasie, licenčné kontroly). Oprava: zapnúť cache stránok, vypnúť doplnky volajúce von, pri trvalom probléme zmeniť balík alebo hosting. Ako vybrať, je v článku Doména a webhosting.

4. Chýbajúca cache

Bez cache skladá server každú stránku odznova pre každého návštevníka. S cache ju pošle hotovú. Ako to spoznáte: v karte Sieť v hlavičkách odpovede chýba Cache-Control alebo je nastavené „no-cache“ pri obrázkoch a štýloch; opakované načítanie stránky trvá rovnako dlho ako prvé. Oprava: cache stránok na serveri (väčšina hostingov ju má v nastaveniach) a dlhá platnosť pre obrázky, štýly a skripty. Je to zmena na hodinu a často najväčší skok v rýchlosti.

5. Vložené videá, mapy a widgety

Jedno vložené video z YouTube načíta stovky kilobajtov skriptov ešte pred tým, než ho niekto spustí; mapa z Googlu podobne, recenzie, kalendáre a rezervačné widgety tiež. Ako to spoznáte: v karte Sieť vidíte požiadavky na youtube.com, maps.googleapis.com a podobne hneď pri otvorení stránky. Oprava: náhľad ako obrázok a video alebo mapu načítať až po kliknutí. Obsah ostane, náklad na načítanie zmizne.

6. Písma z cudzích serverov

Dve až tri rodiny písma z externej služby, každá v piatich hrúbkach, znamenajú ďalšie spojenie na cudzí server a text, ktorý sa ukáže až po stiahnutí písma. Ako to spoznáte: v PageSpeed „Zaistite, aby text zostal viditeľný počas načítavania webového písma“. Oprava: písma uložiť na vlastný server, nechať len hrúbky, ktoré sa naozaj používajú, a nastaviť zobrazenie náhradného písma, kým sa stiahne (font-display: swap).

7. Preťažený alebo nevhodný hosting

Najlacnejšie balíky zdieľajú server so stovkami webov a majú limit súbežných požiadaviek. Keď sa limit vyčerpá, web sa „nenačíta vôbec“, hoci včera fungoval. Ako to spoznáte: rýchlosť kolíše podľa dennej doby, statické súbory sú rýchle, ale stránky nie, hosting hlási vyčerpané procesy. Oprava: cache (zníži počet požiadaviek na server) a potom vyšší balík alebo iný poskytovateľ. Pozor pri sťahovaní webu: doména a prístupy musia ostať na vaše meno.

Čo opravíte sami a čo nechať na vývojára?

• Sami za popoludnie: zmenšiť obrázky, vypnúť nepoužívané doplnky, zapnúť cache v hostingu, nahradiť vložené video náhľadom.
• Vývojár za deň až dva: odložené načítanie skriptov, písma na vlastnom serveri, čistenie databázy, nastavenie hlavičiek cache, lazy loading galérií.
• Nový web dáva zmysel, keď: stavebnica stránok generuje tisíce riadkov kódu na každú stránku, téma sa roky neaktualizovala alebo je web postavený tak, že oprava stojí viac ako stavba. Kedy sa to oplatí, je v článku Redizajn webu.

Pri e-shopoch pribúdajú ešte filtre, počítanie košíka a produktové feedy; čo brzdí práve e-shop, je v článku Rýchlosť webu: čo zbytočne brzdí váš e-shop. Pri ubytovaní rozhoduje rýchlosť rezervačného formulára na mobile: Web pre ubytovanie a penzión. A pred objednávkou nového webu sa oplatí pýtať na rýchlosť vopred: 9 otázok pred objednávkou.

Rýchlosť na mobile je u nás podmienka odovzdania každého webu; náš web má v rovnakom meraní ako prieskum 94 bodov zo 100. Ak chcete web zrýchliť bez nového webu, napíšte nám, čo ste namerali. Do 48 hodín pošleme ponuku s cenou. Štúdio máme v Prešove, weby zrýchľujeme pre firmy z celého Slovenska.