1. Preduslovi

• Hostinger (hPanel) + LSCache plugin + Kadence.
• Isključi suvišne plugine i font pakete.
• U LSC > Dashboard: Purge All pre svake runde testova.

2) Cache (LSC → Cache)

• Enable Cache: ON
• Cache Logged-in Users: OFF (osim ako baš treba)
• Cache Mobile: ON (separate view: OFF za Kadence)
• Browser Cache: ON (TTL 1296000)
• Purge: auto-purge na post/page update: ON

3) CSS/JS optimizacije (LSC → Page Optimization)

• CSS Minify: ON • CSS Combine: OFF (Kadence je stabilniji bez combine)
• JS Minify: ON • JS Combine: OFF
• Load JS Deferred: ON • Delayed JS: ON (testiraj liste izuzetaka)
• HTML Minify: ON

Ako bilo šta “pukne”, prvo isključi Combine, zatim testiraj Defer/Delay izuzetke (npr. gtag, reCAPTCHA, ML embed).

4) Slike & lazy-load (LSC → Media)

• Lazy Load Images: ON (postavi placeholder/background-color da spreči CLS)
• Image WebP Replacement: ON (ako koristiš WebP)
• Lazy Load Iframes: ON (YouTube)
• Dimenzije svih hero slika eksplicitno (Kadence → Image Settings).

5) Critical CSS & UCSS

• Generate Critical CSS: ON (per URL)
• UCSS (Unused CSS): ON (posle testa; proveri vizuelno)
• Inline CSS (Critical) na strani → smanjuje LCP.

6) QUIC.cloud / CDN

• Poveži sa QUIC.cloud (Auto-setup).
• HTTP/3 i Brotli: ON (na CDN-u).
• Purge kad menjaš stilove/temu.

7) Fontovi

Hostuj WOFF2 lokalno, uključi font-display:swap.

Preload najviše 2 varijante (regular/bold).
HTML (WPCode → Head):

8) LCP preload (hero slika)

HTML (WPCode → Head):

Na <img> u hero-u uključi decoding="async" i eksplicitne dimenzije.

9) Test & QA

• GA/GTM pauziraj tokom testiranja (ako je moguće)
• Testiraj mobile i 75. percentil (GSC kad se podaci skupe).
• Check lista: LCP ≤ 2,5 s, INP ≤ 200 ms, CLS ≤ 0,1.

10) Mini-FAQ (Accordion)

P: Zašto mi “Combine” ruši stil?
O: Kadence već optimizuje raspored; Combine često pravi konflikte.
P: Da li uvek uključiti Delay JS?
O: Da, ali izuzmi skripte koje moraju odmah (npr. kritične forme/validatori).

CTA blok (na dnu):

• 📥 Preuzmi PDF vodič →
• 🤝 Pridruži se Telegram grupi →