Ako zrýchliť web? Začnite od základu. Web musí byť v prvom rade dobre urobený. Žiadny cache plugin ani drahý hosting nezachráni stránku, ktorá má desiatky pluginov a neoptimalizované obrázky. Keď je základ v poriadku, optimalizujte podľa pravidla 80/20: najprv obrázky, potom pluginy, potom hosting a až nakoniec detaily ako fonty a kešovanie. Nižšie nájdete celé poradie aj to, prečo sa rýchlosť neoplatí podceňovať.
Prečo je rýchlosť webu dôležitá?
Rýchlosť rieši dve veci naraz, používateľskú skúsenosť aj SEO. Pre mňa je dôležitejšia tá prvá. Podľa Googlu 53 % ľudí na mobile opustí web, ktorý sa načítava dlhšie ako 3 sekundy. Keď sa čas načítania predĺži z 1 na 3 sekundy, pravdepodobnosť, že človek odíde, stúpne o 32 %.
Bežný používateľ dnes očakáva, že klikne a stránka sa otvorí hneď. Dve, tri sekundy na mobile sú už dlho. Preto je rýchlosť podľa mňa dôležitejšia než to, ako web vyzerá. Pekný web, ktorý sa načítava pomaly, vám návštevníka aj tak stratí. Druhá vec je technická: Google berie rýchlosť ako jeden z hodnotiacich signálov a rovnako na nej záleží pri viditeľnosti v AI vyhľadávačoch.
Čo sú Core Web Vitals?
Core Web Vitals sú tri merateľné ukazovatele, ktorými Google hodnotí reálny zážitok z načítania stránky:
- LCP (Largest Contentful Paint): ako rýchlo sa zobrazí hlavný obsah. Dobrá hodnota je do 2,5 sekundy.
- INP (Interaction to Next Paint): ako rýchlo web zareaguje na kliknutie. Dobrá hodnota je do 200 milisekúnd.
- CLS (Cumulative Layout Shift): či sa obsah pri načítaní neposúva pod prstom. Dobrá hodnota je do 0,1.
Google ich meria na reálnych návštevníkoch a web prejde vtedy, keď dobré hodnoty dosiahne aspoň 75 % z nich. Nestačí teda dobré skóre v jednom teste, dôležité je, ako web funguje ľuďom.
Ako zrýchliť web krok po kroku (pravidlo 80/20)
Pri optimalizácii sa oplatí ísť po poradí podľa dopadu. Toto je poradie, v ktorom to riešim ja.
1. Obrázky
Najprv obrázky, tam býva najväčší rozdiel. Pozriem, či sú zoptimalizované a či sa zobrazujú v modernom formáte ako WebP. Veľká fotka priamo z foťáku má aj niekoľko megabajtov a sama dokáže web položiť. Obrázok je lepšie pripraviť do rozumnej veľkosti ešte pred nahraním, plugin to nedobehne tak dobre.
2. Pluginy
Potom sa pozriem, ktoré pluginy web spomaľujú. Ak sa dajú nahradiť niečím ľahším, nahradím ich, ak sa dajú vypnúť, vypnem. Každý plugin pridá svoj kód, ktorý sa musí načítať. Viac o tom, ktoré pluginy web naozaj potrebuje, nájdete v článku o WordPress pluginoch.
3. Webhosting
Ďalej je dôležitá rýchlosť odpovede servera. Ak server reaguje pomaly, brzdí celý web ešte predtým, než sa vôbec niečo začne načítavať. Kvalitný webhosting tu spraví veľký rozdiel, viac v článku o výbere webhostingu.
4. Fonty a kešovanie
Až nakoniec sú detaily ako načítavanie fontov a kešovanie. Kešovanie zjednodušene znamená, že server si odloží hotovú verziu stránky a pri ďalšej návšteve ju podá hneď, namiesto toho, aby ju zakaždým skladal nanovo. Pomáha, ale len keď je správne nastavené.
Pozor na page buildery a efekty
Stránku sa dá aj cez Elementor postaviť relatívne rýchlo. Problém nastane, keď na ňu začnete pridávať efekty, animácie a ďalšie rozšírenia. To web spomalí, či chcete alebo nie. Každý efekt je kód navyše, ktorý sa musí načítať a vykresliť. Preto pri novej tvorbe radšej siahneme po natívnom riešení, rozdiel rozoberáme v porovnaní Gutenberg verzus Elementor.
Rýchlosť e-shopu je iná liga
Pri e-shope na WooCommerce je to zložitejšie. Pribúdajú platobné brány, dopravcovia a ďalšie rozšírenia, ktoré web spomaľujú. Tu už nestačí nainštalovať jeden plugin a čakať zázrak. Treba sa pozrieť pod kapotu, otvoriť konzolu v prehliadači (cez F12 alebo Preskúmať) a sledovať, aké požiadavky stránka robí a čo bráni rýchlemu načítaniu. To už je práca pre niekoho, kto vie, čo hľadá.
Ako otestovať rýchlosť webu?
Najjednoduchší nástroj je Google Lighthouse, dostupný aj cez PageSpeed Insights. Zadáte adresu a do pár sekúnd máte skóre aj konkrétne odporúčania, čo zlepšiť. Berte ho ako ukazovateľ smeru. Dôležitejšie sú reálne hodnoty Core Web Vitals od skutočných návštevníkov, ktoré Google zbiera priebežne.
Záver
Rýchly web nie je o jednom zázračnom plugine. Je o poradí a o tom, aby bol web dobre postavený od základu. Najprv obrázky, potom pluginy, potom hosting, až potom detaily. A hlavne, rýchlosť riešte kvôli ľuďom, nie kvôli číslu v teste.
My staviame weby tak, aby boli rýchle od začiatku. Ak sa vám web načítava pomaly a neviete prečo, alebo plánujete nový web, ozvite sa nám a pozrieme sa naň.
Časté otázky
