48% mobilnih stranica i 56% desktop stranica prolazi sve tri Core Web Vitals. Što znači da više od polovica web-a fail-uje na mobilnom. Hrvatske stranice nisu izuzetak — u našim auditima, 70% MSP stranica ima LCP iznad 3 sekunde. To znači direktan pad SEO rangiranja, pad konverzija i izgubljeni leadovi.
Ovaj vodič je realan playbook — koji su Core Web Vitals targeti u 2026, koje pluginove izbaciti, što popraviti prvo. Brojke iz audita 100+ hrvatskih stranica.
1. Targeti — što Google traži
LCP (Largest Contentful Paint)
Vrijeme dok se učita najveći vidljivi element.
- Dobro: ispod 2.5 sekunde
- Treba popraviti: 2.5–4 sekunde
- Loše: preko 4 sekunde
INP (Interaction to Next Paint)
Koliko brzo stranica reagira na korisničku interakciju (klik, scroll, tap).
- Dobro: ispod 200ms
- Treba popraviti: 200–500ms
- Loše: preko 500ms
INP je najčešće failovana metrika u 2026 — 43% stranica fail-uje 200ms target.
CLS (Cumulative Layout Shift)
Koliko se sadržaj “pomiče” tijekom učitavanja.
- Dobro: ispod 0.1
- Treba popraviti: 0.1–0.25
- Loše: preko 0.25
Pravilo prolaska
75% korisnika mora imati “good” iskustvo svih tri metrike. Ne 50%, ne 90%. Točno 75th percentile iz Google CrUX dataset-a.
2. LCP — najveći utjecaj na SEO
Što ubija LCP
- Sporiji hosting (TTFB iznad 600ms) — postiči pravi managed WordPress
- Velike slike bez optimizacije — koristi WebP, lazy loading
- Blokirajuće CSS i JS — defer non-critical resources
- Bez critical CSS inlining — inline above-fold CSS
- Pre-zatrupanstvo pluginova — svaki dodaje load
- Custom fontovi bez display:swap — fontovi blokiraju render
Konkretni fixovi
Hosting:
- Premium managed: Kinsta, WP Engine, SiteGround GrowBig+
- Avoid: shared hosting ispod 10 €/mj
Slike:
- WebP format obavezno (40–60% manje od JPG)
- ShortPixel ili Imagify plugin (auto-konverzija)
- Lazy loading native (
loading="lazy"atribut) - Responsive sizes (
srcset)
CSS i JS:
- WP Rocket plugin (49 USD/godišnje) — automatski radi 80% optimizacija
- Combine + minify
- Defer non-critical
- Critical CSS inline
Fontovi:
- Self-hosted (ne Google Fonts CDN)
font-display: swapu CSS-u- Preload key fontova
Realna brojka
WordPress stranica na shared hostingu: LCP 4.2s Ista stranica na Kinsta + WP Rocket + ShortPixel: LCP 1.7s
Razlika 2.5 sekunde = SEO pad od 30–50% za organski promet.
3. INP — najteže za WordPress
INP je najveći izazov u 2026 za WordPress stranice. Razlog: previše JavaScript-a iz pluginova i builder-a.
Što ubija INP
- Page builders s jako puno JS — Elementor, Divi, WPBakery dodaju 15–30 blocking resources po stranici
- Tracking pixeli koji se učitavaju eagerly — Meta pixel, Google Analytics, Hotjar
- Live chat widgeti — Tawk, Intercom (heavy JS)
- Slider pluginovi — Slider Revolution je čest problem
- Komentar sistemi — Disqus heavy
Konkretni fixovi
Page builders:
- Bira lakši (GeneratePress, Astra, Kadence) umjesto Elementor/Divi
- Ako Elementor — koristi Elementor Pro core, ne dodatne pluginove
- Provjeri ima li ne potrebno na svakoj stranici
Tracking:
- Server-side tracking (vidi članak o Stape)
- Defer tracking pixele 3 sekunde nakon učitavanja
- Consent Mode V2 — tagovi rade samo nakon pristanka
Live chat:
- Lazy load (učita se nakon scroll-a ili 5 sekundi)
- Razmisli o WhatsApp Click-to-Chat umjesto widgeta
Slider:
- Izbjegavaj Slider Revolution
- Koristi native CSS slidere ili Swiper.js direktno
4. CLS — najlakše popraviti
CLS je obično pad zbog nedimenzioniranih elemenata koji se učitavaju.
Što ubija CLS
- Slike bez specificiranih dimenzija (width/height atributi)
- Iframovi bez dimenzija (YouTube embed, mape)
- Ad slotovi koji se učitavaju dinamički
- Custom fontovi bez fallback-a
- Animacije koje pomiču layout
Konkretni fixovi
Slike:
<img src="hero.webp" width="1200" height="600" alt="..." />Iframovi:
<iframe src="..." width="560" height="315" loading="lazy"></iframe>Fontovi:
- Preload key fontove
- Fallback font istog metric-a
Animacije:
- Koristi transform i opacity (ne mijenjaju layout)
- Avoid animating width, height, top, left
5. Alati za testiranje
PageSpeed Insights (Google)
Glavna stvar koju gledati. Pokazuje field data (CrUX) i lab data.
- Field data = stvarni korisnici (ono što rangira)
- Lab data = laboratorijski test (orientation)
Search Console — Core Web Vitals report
Pokazuje koje URL-ove fail. Filter po mobile/desktop.
Lighthouse
Detaljniji audit u Chrome DevTools. Score-ovi za:
- Performance
- Accessibility
- Best Practices
- SEO
Cilj: 90+ na sve četiri.
WebPageTest.org
Detaljan filmstrip i waterfall. Vidi se točno gdje se gubi vrijeme.
Real User Monitoring (RUM)
- Cloudflare Web Analytics (besplatno)
- Vitals.app
- Sentry Performance Monitoring
Bilježi stvarne korisničke metrike iz produkcije.
6. WordPress optimization stack — što stvarno koristiti
Caching (obavezno)
- WP Rocket (49 USD/god) — najlakši, daje 80% rezultata
- LiteSpeed Cache (besplatan ako koristite LiteSpeed server)
- FlyingPress (alternativa WP Rocketu)
Slika optimizacija (obavezno)
- ShortPixel (10 €/mj za 7.000 slika)
- Imagify (slično)
- EWWW Image Optimizer (besplatan free tier)
CDN (obavezno)
- Cloudflare Free (dovoljno za 90% stranica)
- Cloudflare APO (za premium WordPress optimizaciju, 5 USD/mj)
Database optimization
- WP-Optimize (besplatan)
- Advanced Database Cleaner
Performance monitoring
- Query Monitor (developer alat, besplatan)
- New Relic (enterprise)
7. Realni timeline optimizacije
Tjedan 1: Audit
- PageSpeed Insights za top 10 stranica
- Search Console CWV report
- Identifikacija najgorih offender-a
Tjedan 2: Brzi wins
- Cloudflare setup
- WP Rocket install + osnovne postavke
- Slika optimizacija pokrenuta (batch)
Tjedan 3: Theme i pluginovi
- Audit aktivnih pluginova (deaktiviraj nepotrebne)
- Ako koristite heavy page builder, razmotrite migraciju
- Defer non-critical JS
Tjedan 4: Validacija
- Re-test sve metrike
- Search Console — gledaj poboljšanje
- Real User Monitoring postavljen
8. Što izbjegavati
- “Just install plugin and forget” — performance traži aktivan monitoring
- Optimizacija bez mjerenja — nemoguće znati što je funkcioniralo
- Plugin caching s shared hostingom — temelj mora biti dobar
- Compress sve agresivno — premnogo komprimirane slike izgledaju loše
- Ignoriranje mobile rezultata — Google rangira mobile-first
Kratak zaključak
Hrvatska WordPress stranica koja u 4 tjedna postavi premium hosting, Cloudflare, WP Rocket, slika optimizaciju i pluginski cleanup — realno postiže LCP ispod 2.5s, INP ispod 200ms, CLS ispod 0.1 za 95% stranica.
Investicija: 50–250 €/mj (hosting + pluginovi + CDN) + 10–30 sati rada jednokratno.
ROI: 20–40% rast organskog prometa u 3 mjeseca.
Razgovor o vašoj specifičnoj stranici — 30 min. Audit traje 1h, daje konkretne brojke i fix prioritete.