Prečo je váš web pomalý a čo s tým

Pomalý web stráca návštevníkov skôr, než sa vôbec načíta, a Google to zohľadňuje pri poradí vo výsledkoch. Dobrá správa je, že väčšina pomalých webov je pomalá zo štyroch dôvodov a dva z nich viete opraviť sami.

Čo sa vlastne meria

Google používa tri ukazovatele, ktoré sa súhrnne volajú Core Web Vitals. Po slovensky:

• LCP — ako dlho trvá, kým sa zobrazí najväčší prvok na obrazovke. Väčšinou hlavný obrázok alebo nadpis. Cieľ: do 2,5 sekundy.
• INP — ako rýchlo stránka zareaguje, keď na niečo kliknete. Nahradilo staršie FID. Cieľ: do 200 milisekúnd.
• CLS — ako veľmi obsah poskakuje počas načítavania. To je ten efekt, keď chcete kliknúť na odkaz a on sa vám pod prstom posunie. Cieľ: pod 0,1.

Zmerať si to viete zadarmo na PageSpeed Insights alebo v Google Search Console, ak ju máte napojenú. Search Console je presnejšia, lebo ukazuje dáta od skutočných návštevníkov, nie z jedného laboratórneho testu.

Príčina prvá: obrázky

Toto je v deviatich z desiatich prípadov hlavný vinník. Fotka nahratá priamo z fotoaparátu má často päť megabajtov a rozmery 6000 pixelov. Na webe sa zobrazí ako 800 pixelov široká — takže sa stiahnu megabajty, ktoré nikto nikdy neuvidí.

Čo s tým sami: pred nahratím zmenšite obrázky na rozumný rozmer (na väčšine webov stačí šírka 1600 px) a uložte ich vo formáte WebP. Existujú na to bezplatné online nástroje aj pluginy, ktoré to spravia automaticky pri nahrávaní.

Čo potrebuje vývojára: nastaviť lazy loading, správne rozmery pre rôzne veľkosti obrazovky a prednačítanie hlavného obrázka, aby sa zlepšilo LCP.

Príčina druhá: priveľa pluginov

Každý plugin vo WordPresse si so sebou nesie svoje CSS a JavaScript, a väčšina ich načíta na každej stránke — aj tam, kde sa vôbec nepoužívajú. Slider plugin použitý na úvodnej stránke sa načítava aj na kontakte.

Čo s tým sami: prejdite zoznam pluginov a vypnite tie, ktoré nepoužívate. Vypnutý plugin nestačí — zmažte ho. Pri každom sa opýtajte, čo konkrétne robí. Ak neviete odpovedať, pravdepodobne ho nepotrebujete.

Čo potrebuje vývojára: podmienené načítavanie skriptov len tam, kde treba, a nahradenie ťažkých pluginov niekoľkými riadkami vlastného kódu.

Príčina tretia: hosting

Najlacnejší zdieľaný hosting znamená, že na jednom serveri s vami beží pár stoviek ďalších webov. Keď má niektorý z nich nápor, spomalíte aj vy.

Ako to poznať: v PageSpeed Insights sledujte údaj o čase odpovede servera. Ak je nad 600 milisekúnd, problém je pod webom, nie v ňom, a optimalizácia obrázkov to nezachráni.

Čo s tým: presun na lepší hosting je zvyčajne najlacnejšie zrýchlenie, aké sa dá kúpiť. Pri slovenských weboch má zmysel aj to, aby server stál v Európe.

Príčina štvrtá: písma a externé skripty

Každé písmo z Google Fonts, každý chat widget, každý sledovací skript je ďalšie spojenie na cudzí server, na ktorý čaká vaša stránka. Tri fonty v piatich rezoch znamenajú pätnásť súborov.

Čo s tým sami: zvážte, či naozaj potrebujete tri rôzne písma. Dve stačia takmer vždy. A prejdite si, aké nástroje máte na webe nalepené — nefunkčný chat z roku 2022 stále spomaľuje.

Čo potrebuje vývojára: hosting písiem lokálne, obmedzenie na použité rezy a odloženie skriptov, ktoré nie sú potrebné hneď pri načítaní.

Čo NErobiť

Nekupujte si päť „optimalizačných“ pluginov naraz. Navzájom si liezu do cesty, minifikujú tie isté súbory dvakrát a výsledkom býva rozbitý vzhľad a pomalší web než predtým. Jeden dobrý cache plugin stačí.

A nehoňte sa za stovkou bodov v PageSpeed. Je to orientačný nástroj, nie známka. Skutočné dáta od návštevníkov v Search Console sú dôležitejšie než skóre z jedného merania.

Postup, ak chcete začať dnes

1. Zmerajte si web na PageSpeed Insights — mobil aj desktop
2. Pozrite si čas odpovede servera; ak je vysoký, riešte hosting ako prvé
3. Nájdite najväčšie obrázky na úvodnej stránke a zmenšite ich
4. Zmažte pluginy, o ktorých neviete, načo sú
5. Zmerajte znovu a porovnajte

Ak sa po tomto nič nezlepší, problém je hlbšie a treba sa pozrieť do kódu. Vtedy mi napíšte — začnem meraním a dostanete zoznam nálezov zoradený podľa dopadu na rýchlosť aj s odhadom práce ku každému. Rozhodnete sa, čo z toho spravím.