Rýchlosť webu: ako zlepšiť načítanie a prečo záleží na každej sekunde
Váš web sa načíta za šesť sekúnd, konkurencia za menej ako dve. Návštevník na mobile dlho nečaká. Matematika je jednoduchá: pomalý web stráca zákazníkov.
Rýchlosť webu prestala byť technickým detailom. Je to priamy obchodný faktor: ovplyvňuje konverziu, pozície na Googli aj to, ako ľudia vnímajú vašu firmu. Napriek tomu je veľa webov malých firiem pomalých, hlavne na mobile.
Prečo na rýchlosti záleží
- Ľudia na mobile odchádzajú zo stránok, ktoré sa zobrazujú príliš dlho.
- Každá sekunda zdržania znižuje podiel návštevníkov, ktorí vás kontaktujú.
- Core Web Vitals sú súčasťou toho, ako Google hodnotí stránky.
- Rýchly web zvyšuje účinnosť každého eura vloženého do reklamy.
Inými slovami: pomalý web buď nie je na Googli vidieť, alebo zákazník odíde skôr, než sa načíta. Oboje stojí peniaze.
Core Web Vitals: čo Google meria
| Metrika | Čo meria | Dobrá hodnota |
|---|---|---|
| LCP (Largest Contentful Paint) | Čas do zobrazenia najväčšieho prvku stránky | Do 2,5 s |
| INP (Interaction to Next Paint) | Odozva na kliknutie alebo vstup | Do 200 ms |
| CLS (Cumulative Layout Shift) | Vizuálna stabilita pri načítaní, poskakovanie prvkov | Do 0,1 |
Skontrolujete ich v Google Search Console v časti Core Web Vitals alebo v PageSpeed Insights.
Ako zmerať rýchlosť svojho webu
Všetky tieto nástroje sú zadarmo:
- Google PageSpeed Insights (pagespeed.web.dev): hlavný nástroj, testuje mobil aj počítač a ukazuje konkrétne problémy.
- Google Search Console, prehľad Core Web Vitals: skutočné dáta od skutočných návštevníkov vášho webu.
- GTmetrix: podrobný prehľad, čo sa načítava a ako dlho.
- WebPageTest: pokročilá analýza s rôznymi pripojeniami a zariadeniami.
Začnite PageSpeed Insights. Zadajte adresu a testujte mobil (dôležitejší) aj počítač. Skóre pod 50 na mobile je vážny problém.
10 opráv zoradených podľa dopadu
Vysoký dopad
- Komprimujte obrázky a prevádzajte ich do WebP. Obrázky bývajú najťažšou časťou stránky. Prevod z JPG alebo PNG do WebP ich výrazne zmenší bez viditeľnej straty kvality. Nástroje: Squoosh (zadarmo) alebo automaticky cez hosting či CDN.
- Odložené načítanie obrázkov. Obrázky mimo viditeľnej oblasti sa načítajú až pri posúvaní. Atribút loading="lazy" je zabudovaný v moderných prehliadačoch, bez JavaScriptu.
- Kvalitný hosting alebo CDN. Lacný zdieľaný hosting spomalí aj dobre postavený web. Moderný hosting alebo CDN výrazne zrýchli čas do prvého bajtu. Cloudflare ponúka bezplatné CDN na základné použitie.
- Preconnect pre externé písma a skripty. Google Fonts, analytika a reklamné pixely pridávajú oneskorenie. Odkaz preconnect v hlavičke povie prehliadaču, aby pripojenie pripravil dopredu.
Stredný dopad
- Minifikácia CSS, JavaScriptu a HTML. Odstránenie medzier, komentárov a zbytočného kódu. Urobia to pluginy pre WordPress alebo nástroje na zostavenie webu.
- Cache v prehliadači. Prehliadač si statické súbory uloží a nesťahuje ich pri každej návšteve. Vracajúci sa návštevníci načítajú web výrazne rýchlejšie.
- Defer alebo async pre JavaScript. Skripty, ktoré blokujú vykreslenie, sa s atribútom defer alebo async načítajú na pozadí.
- Preload pre LCP prvok. Najväčší obrázok alebo text na prvej obrazovke. Odkaz preload povie prehliadaču, aby ho stiahol ako prvý.
Nižší dopad
- Menej HTTP požiadaviek. Každý súbor je jedna požiadavka. Zlučujte CSS súbory a odstráňte nepoužívané skripty, napríklad staré heatmapy, starú analytiku či chatovacie widgety.
- Správne rozmery obrázkov. Fotka so 4000 pixelmi zobrazená v rámčeku so 400 pixelmi plytvá dátami. Exportujte obrázky vo webovej veľkosti: okolo 1920 pixelov na dlhšej strane pre úvodný obrázok, okolo 800 pre obrázky v texte.
Najrýchlejšia oprava, ktorá pomôže takmer vždy: komprimujte obrázky a preveďte ich do WebP. Táto jediná zmena býva na skóre vidieť najviac.
Chcete web, ktorý prináša dopyty?
Napíšte mi za dve minúty, čo potrebujete. Do 24 hodín sa ozvem s návrhom úvodnej stránky zadarmo a s pevnou cenou písomne.
Chcem návrh zadarmo →Problémy špecifické pre WordPress
WordPress je veľmi rozšírený a bez optimalizácie býva pomalý. Kroky špecifické pre WordPress:
- Plugin na cache: WP Rocket (platený), W3 Total Cache alebo LiteSpeed Cache (zadarmo).
- Optimalizácia obrázkov: Imagify, ShortPixel alebo Smush.
- Odstráňte zbytočné pluginy. Každý pridáva požiadavky a spracovanie. Menej je rýchlejšie.
- Zmeňte hosting. WordPress na lacnom zdieľanom hostingu býva pomalý. Spravovaný hosting pre WordPress veľmi pomôže.
- Použite ľahkú šablónu. Ťažké univerzálne šablóny s page buildermi sú pomalé. Ľahké šablóny ako GeneratePress alebo Astra sú rýchle.
Aké je dobré skóre PageSpeed
| Skóre | Hodnotenie | Typicky |
|---|---|---|
| 90 až 100 | Výborné | Statické weby, optimalizované riešenia |
| 70 až 89 | Dobré | Optimalizovaný WordPress, moderný framework |
| 50 až 69 | Priemerné | Neoptimalizovaný WordPress |
| Pod 50 | Zlé | Ťažký WordPress, bez optimalizácie, starý hosting |
Ak má váš web na mobile červené skóre a opravy vyššie nepomáhajú, problém býva v samotnom základe. Nový statický web často vyjde lacnejšie ako nekonečné záplatovanie. Web na mieru vo Webify začína na 19 990 Kč a je hotový do 7 dní. Viac v článku redizajn webu: kedy a ako.
Chcete web, ktorý prináša dopyty?
Napíšte mi za dve minúty, čo potrebujete. Do 24 hodín sa ozvem s návrhom úvodnej stránky zadarmo a s pevnou cenou písomne.
Chcem návrh zadarmo →Časté otázky
Ako zlepšiť rýchlosť webu?
Najúčinnejší krok je komprimovať obrázky a previesť ich do WebP. Ďalej odložené načítanie, kvalitný hosting alebo CDN, preconnect pre písma a minifikácia CSS a JavaScriptu. Začnite meraním v PageSpeed Insights.
Prečo záleží na rýchlosti webu?
Pomalé stránky strácajú návštevníkov ešte pred načítaním, hlavne na mobile, a Google pri hodnotení stránok používa Core Web Vitals. Pomalý web vás teda stojí viditeľnosť aj dopyty.
Aké je dobré skóre PageSpeed?
Dobrý cieľ je 90 a viac na počítači a 70 a viac na mobile. Pod 50 na mobile je vážny problém, ktorý ovplyvňuje pozície na Googli aj dopyty.