Prečo je môj web pomalý: najčastejšie príčiny a ako zrýchliť firemný web

Ak sa pýtate, prečo je môj web pomalý, odpoveď takmer vždy nájdete v niekoľkých známych príčinách a dá sa k nej dopracovať za pár minút. V tomto článku vám ukážem, ako rýchlosť webu zmerať, čo ju brzdí a v akom poradí úpravy robiť, aby ste neplatili za zbytočné zásahy. Ak chcete rýchly web postavený od základov, pozrite si moje služby.

Čo je rýchlosť webu a prečo na nej záleží?

Rýchlosť webu nie je jedno číslo. Je to súhrn toho, ako rýchlo server odpovie, ako rýchlo sa ukáže hlavný obsah, či sa rozloženie počas načítania neposúva a ako svižne stránka reaguje, keď na ňu ťuknete. Človek, ktorý klikne na odkaz vo vyhľadávači a pozerá na bielu obrazovku, typicky počká len pár sekúnd a potom sa vráti k výsledkom. Ďalšia firma je od neho vzdialená jedno ťuknutie.

Rýchlosť ovplyvňuje:

• Dopyty: čím dlhšie čakanie, tým menej ľudí vyplní formulár alebo zavolá.
• Vyhľadávanie: Google používa metriky Core Web Vitals ako jeden zo signálov pri hodnotení stránok.
• Dojem z firmy: trhaný a pomalý web pôsobí zanedbane bez ohľadu na kvalitu služieb.
• Reklamy: platíte za kliky ľudí, ktorí odídu skôr, než stránka naskočí.

Dobrá správa je, že pri bežnom firemnom webe s pár podstránkami sa najväčšie problémy dajú nájsť a opraviť rýchlo. Netreba drahý server ani programátorský tím, treba hlavne poriadok.

Ako zmerať, či je môj web pomalý?

Najprv merajte, až potom opravujte. Bez východiskových čísel nebudete vedieť, či úprava pomohla. Postup je jednoduchý:

1. Otvorte PageSpeed Insights a zadajte adresu úvodnej stránky.
2. Prepnite na výsledok pre mobil, ten je takmer vždy horší a pre zákazníkov dôležitejší.
3. Zapíšte si skóre a hodnoty LCP, CLS a INP.
4. Zopakujte meranie pre dve až tri najnavštevovanejšie podstránky, napríklad služby a kontakt.
5. Ak máte web pridaný v Google Search Console, pozrite si správu Core Web Vitals s údajmi od reálnych návštevníkov.
6. Otvorte web na vlastnom telefóne cez mobilné dáta, nie cez domácu wifi.

Skóre od 0 do 100 nie je cieľ samo o sebe. Je to orientácia. Dôležitejšie sú konkrétne metriky a to, ako web pôsobí v reálnom svete, napríklad v čakárni s jednou čiarkou signálu.

Aké hodnoty Core Web Vitals sú dobré?

Ak chcete vedieť, ako rýchlosť zapadá do celkovej kvality stránky, prečítajte si článok ako spoznať kvalitný firemný web.

Spomaľujú web veľké fotky?

Typická situácia: fotka z telefónu má šírku okolo 4000 pixelov a niekoľko megabajtov, no na stránke sa zobrazí v šírke 600 pixelov. Prehliadač musí stiahnuť celý súbor a potom ho zmenšiť. Pri galérii s desiatkami fotiek tak stránka narastie na desiatky megabajtov, čo je na mobilných dátach veľmi citeľné.

Ako fotky opraviť?

• zmenšite rozmer na šírku, v akej sa reálne zobrazuje, pri fotke cez celú obrazovku zvyčajne 1600 až 1920 pixelov,
• uložte ich do formátu WebP alebo AVIF, prípadne do dobre skomprimovaného JPG,
• fotkám pod prvou obrazovkou nastavte lazy loading, teda načítanie až pri posune,
• úvodnú fotku naopak nenačítavajte oneskorene, je to často práve prvok, podľa ktorého sa meria LCP,
• uveďte pri obrázkoch šírku a výšku, aby sa rozloženie neposúvalo,
• nové fotky nahrávajte už zmenšené, alebo si nechajte zmenšovanie nastaviť automaticky.

Samotné zmenšenie obrázkov býva najlacnejšia a najúčinnejšia úprava, pretože nemení vzhľad webu. Pri weboch, ktoré robím, sa fotky pri nahrávaní cez admin panel zmenšujú automaticky, takže ich majiteľ nemusí nijako pripravovať.

Prečo pluginy a skripty spomaľujú web?

Druhou veľkou príčinou je množstvo kódu. Firemný web postavený na univerzálnej šablóne s page builderom bežne načíta stovky kilobajtov skriptov a štýlov, ktoré návštevník nikdy nepoužije. Stránka pritom zobrazuje text, fotky a formulár.

Skontrolujte:

• pluginy: vypnite a zmažte tie, ktoré nepoužívate, ťažké nahraďte ľahšími,
• externé skripty: chat, sledovacie kódy, pixely, mapy, videá a písma z cudzích serverov, každý znamená ďalšie spojenie,
• slidery a animácie: veľký posuvník s piatimi fotkami na úvode spomaľuje práve LCP,
• písma: stačia dva až tri rezy jedného či dvoch písiem, ideálne uložené na vlastnom serveri,
• univerzálna šablóna: obsahuje funkcie pre e-shopy, portfóliá a fóra, ktoré nikdy nevyužijete.

Ak je web poskladaný z mnohých vrstiev, rýchlosť sa oplatí riešiť radikálnejšie. Web napísaný čistým kódom, bez builderov a zbytočných doplnkov, býva výrazne ľahší. Preto robím firemné weby tak, aby obsahovali len to, čo stránka naozaj potrebuje.

Spomaľujú web vložené videá, mapy a sociálne siete?

Obľúbená chyba je dať na úvodnú stránku video, mapu, feed z Instagramu a tlačidlá zdieľania naraz. Každý prvok si stiahne vlastné skripty, štýly a písma, spolu často viac než celý zvyšok webu. Návštevník pritom chcel možno len telefónne číslo.

• Video: zobrazte náhľadový obrázok s tlačidlom prehrať a prehrávač načítajte až po kliknutí.
• Mapa: umiestnite ju nižšie a načítajte pri posune, alebo použite statický obrázok s odkazom na Google Mapy a profil Google Business Profile.
• Sociálne siete: namiesto živého feedu stačí odkaz alebo pár vybraných fotiek.
• Sledovacie kódy: nechajte len tie, ktoré naozaj vyhodnocujete, a spúšťajte ich až po súhlase v cookie lište.

Posledný bod má dva prínosy. Web sa načíta rýchlejšie a zároveň splníte požiadavky GDPR a pravidiel o cookies, podľa ktorých sa marketingové skripty nemajú spúšťať bez súhlasu.

Môže za pomalý web hosting?

Odozva servera je čas, za ktorý sa web vôbec ozve. Ak trvá dlho, všetko ostatné sa o to oneskorí. Najlacnejší zdieľaný hosting často znamená stovky webov na jednom stroji a pomalú odozvu v špičke. Čo skontrolovať:

1. Hodnotu TTFB v PageSpeed Insights alebo v nástrojoch prehliadača.
2. Verziu PHP, ak web na PHP beží. Staré verzie sú pomalšie a už nedostávajú bezpečnostné opravy.
3. Cache na serveri aj v prehliadači, aby sa opakované návštevy načítali okamžite.
4. Kompresiu Gzip alebo Brotli pre textové súbory.
5. Podporu HTTP/2 alebo HTTP/3 a platný SSL certifikát.
6. CDN, ak máte návštevníkov z viacerých krajín.

Pri výbere hostingu pomôže článok web bez mesačných poplatkov, kde vysvetľujem, aké ročné náklady pri webe naozaj vznikajú.

V akom poradí zrýchliť pomalý web?

Pri oprave sa neoplatí hádať ani robiť všetko naraz. Postupujte od najlacnejšieho a najúčinnejšieho kroku:

1. Zmerajte východiskový stav a zapíšte si LCP, CLS, INP a skóre pre mobil.
2. Zmenšite a skonvertujte fotky, zapnite lazy loading okrem úvodnej fotky.
3. Odstráňte nepoužívané pluginy, slidery a externé skripty.
4. Vložené videá a mapy načítavajte až na požiadanie.
5. Zapnite cache a kompresiu.
6. Skontrolujte hosting, verziu PHP a odozvu servera.
7. Zmerajte znova a porovnajte s východiskovými číslami.

Rýchly checklist pred meraním

• Má úvodná fotka menej ako pár stoviek kilobajtov?
• Používate najviac dve písma?
• Načítava sa chat, mapa alebo video až po interakcii?
• Bežia marketingové skripty až po súhlase?
• Je zapnutá cache a SSL?

Aké sú najčastejšie chyby pri zrýchľovaní webu?

• Ďalší plugin na zrýchlenie: tri optimalizačné doplnky naraz sa často bijú a web skôr pokazia.
• Meranie len na počítači: zákazníci prichádzajú prevažne z telefónu.
• Lazy loading na všetkom: oneskorená úvodná fotka zhorší LCP.
• Vypnutá cache po úprave a zabudnutá: pri ladení sa vypne a už sa nezapne.
• Kozmetika namiesto príčiny: drobné úpravy kódu nepomôžu, ak má stránka 20 MB fotiek.
• Žiadne meranie po zmene: bez porovnania neviete, čo pomohlo.

Ak sa web po všetkých krokoch stále nedá rozumne zrýchliť, býva to znak, že základ je príliš ťažký. Vtedy sa oplatí zvážiť nový, jednoduchší web. Pri výbere človeka, ktorý ho urobí, vám pomôže článok ako vybrať tvorcu webu.

Firemný web, ktorý robím, je od začiatku navrhnutý na rýchle načítanie aj na mobile. Stojí 600 € jednorazovo, hosting a doména sú prvý rok zadarmo a potom približne 80 € ročne. Návrh dostanete zadarmo do 2 pracovných dní.

Zhrnutie v bodoch

• Rýchlosť webu merajte v PageSpeed Insights, najmä pre mobil.
• Sledujte Core Web Vitals: LCP do 2,5 s, CLS pod 0,1, INP do 200 ms.
• Najčastejšie web brzdia nezmenšené fotky, pluginy, externé skripty a vložený obsah.
• Fotky zmenšite, uložte do WebP alebo AVIF a nastavte lazy loading okrem úvodnej.
• Videá, mapy a sledovacie kódy načítavajte až na požiadanie alebo po súhlase.
• Skontrolujte hosting, cache, kompresiu a verziu PHP.
• Po každej úprave merajte znova a ak nič nepomáha, zvážte nový ľahký web.

Časté otázky