Rýchlosť načítania webu ovplyvňuje používateľský zážitok, konverzie aj pozície v Google. Ak bežíš na téme Astra Pro, máš výhodu – je ľahká a rýchla. Ešte viac však získáš, keď správne nastavíš Performance modul.
Tento návod je súčasťou série článkov na webka.net. Ďalšie tipy nájdeš v článkoch Ako zrýchliť WordPress web, Údržba WordPressu a pre e-shopy Ako vytvoriť moderný WooCommerce e-shop s Astra Pro. Ak chceš pomoc, napíš cez kontakt.
🚀 1. Prečo je rýchlosť kľúčová
Google vyhodnocuje Core Web Vitals: LCP, FID (resp. INP) a CLS. Každá sekunda navyše môže znížiť konverzie o desiatky percent (viac v oficiálnej dokumentácii Google PageSpeed Insights).
⚙️ 2. Aktivácia Performance modulu v Astra Pro
- V administrácii WordPressu otvor Astra → Theme Settings → Modules a aktivuj Performance.
- Prejdi do Vzhľad → Prispôsobiť → Performance a zapni:
- Optimize CSS Delivery
- Load Google Fonts Locally
- Preload Local Fonts
Podrobný postup nájdeš aj v sprievodcovi: Ako zrýchliť WordPress web.
🧱 3. Optimalizácia CSS a JavaScriptu
Aby sa odstránili render-blocking resources, kombinuj Performance modul s cache pluginom:
- LiteSpeed Cache (ideál na LiteSpeed/OpenLiteSpeed hostingoch)
- WP Rocket (prémiové, veľmi jednoduché)
- W3 Total Cache (silné, vyžaduje nastavenie)
Po úpravách otestuj v GTmetrix a PageSpeed Insights.
🖋️ 4. Lokálne načítanie fontov
Zapni Load Google Fonts Locally a Preload Local Fonts. Znížiš externé požiadavky a odstrániš varovania o fontoch. Ak chceš nulové požiadavky, použi systémové písma v Customizer → Global → Typography.
🖼️ 5. Lazy loading a optimalizácia obrázkov
Obrázky majú byť v modernom formáte a komprimované. Odporúčané doplnky:
Testuj priebeh načítania cez WebPageTest. Cieľ: obrázky do ~150 kB, WebP kde je to možné.
🧰 6. Cache a CDN: silná dvojka
Cache zrýchli generovanie stránok a CDN priblíži statické súbory k používateľovi.
- Cache: LiteSpeed Cache, WP Rocket
- CDN: Cloudflare, BunnyCDN, KeyCDN
Pri Cloudflare zapni Early Hints (HTTP/103) a vhodné cache pravidlá.
🔧 7. Čistenie databázy
Odstráň revízie, spam a prechodné údaje (transients). Vhodné nástroje:
Postup a frekvenciu údržby nájdeš v článku Údržba WordPressu.
📱 8. Mobilná optimalizácia
V Customizer → Header Builder → Mobile Header nastav menšie logo, jednoduchšie menu a väčšie CTA. Obrázky pre mobily drž do ~800 px. Over v Mobile-Friendly Teste.
🧩 9. Synergia s ďalšími modulmi Astra Pro
- Header/Footer Builder – čistý, ľahký layout bez zbytočných skriptov.
- WooCommerce Module – optimalizované produktové šablóny.
- Custom Layouts – injektuj kód/bannery bez ďalších pluginov.
Pre e-shop si pozri náš návod: WooCommerce s Astra Pro.
📊 10. Testovanie a cieľové hodnoty
Po zmenách testuj v PageSpeed Insights, GTmetrix a Pingdom Tools. Snaž sa o:
| Metrika | Cieľ |
|---|---|
| LCP | pod 2.5 s |
| TTFB | pod 800 ms |
| Veľkosť stránky | do 1 MB |
| Počet požiadaviek | do 60 |
🧠 Záver
Performance modul v Astra Pro je najrýchlejšia cesta k lepšiemu skóre aj reálnemu pocitu rýchlosti: optimalizuje CSS a fonty, v kombinácii s cache a CDN dáva webu „turbo“. Pridaj kompresiu obrázkov, lazy load a pravidelnú údržbu databázy – a dostaneš sa pod 2 sekundy načítania.
Ak chceš, aby sme to nastavili za teba alebo pripravili plán optimalizácie, ozvi sa cez webka.net/kontakt.
