Zašto je brzina ključna (SEO + UX + prihodi)
- SEO signal: Brzina i CWV utječu na rangiranje i crawl efikasnost.
- Konverzije: Svaka dodatna sekunda kašnjenja smanjuje konverzije i ROAS.
- UX & lojalnost: Brz web smanjuje bounce i povećava vrijeme zadržavanja.
Napomena: fokusirajte se na stvarne korisničke podatke (CrUX/GSC), ne samo lab skorove.
Core Web Vitals – ciljne vrijednosti
| Metrička | Cilj (dobro) | Što utječe |
|---|---|---|
| LCP (Largest Contentful Paint) | ≤ 2.5 s | Hero slika/video, fontovi, server TTFB |
| INP (Interaction to Next Paint) | ≤ 200 ms | Težak JS, event handleri, main-thread |
| CLS (Cumulative Layout Shift) | ≤ 0.1 | Dimenzije elemenata, reklame, dinamički UI |
Najčešći uzroci sporosti
- Prevelike slike i video bez kompresije (WebP/AVIF postavke).
- Previše JS-a (widgeti, tagovi, teške teme/pluginovi).
- Neoptimiziran CSS (blokira render), bez critical CSS-a.
- Bez keširanja (browser/server) i bez CDN-a.
- Spora infrastruktura: TTFB, neoptimiziran DB, zastarjeli PHP.
- Layout shift zbog elemenata bez rezerviranog prostora.
Workflow: audit → fix → measure
- Audit: Lighthouse, PSI, WebPageTest, Screaming Frog (asseti, blokade, CWV).
- Prioritizacija: fokus na LCP element, INP uzroke (JS), CLS izvore.
- Implementacija: kompresija slika, critical CSS, defer/async JS, keširanje, CDN.
- Mjerenje: GSC (CWV izvješća), CrUX, GA4 (engagement vs brzina).
- Iteracija: A/B testovi (hero mediji, fontovi, CTA), uklanjanje suvišnih skripti.
WordPress ubrzanje – preporuke iz prakse
- Slike: WebP/AVIF, srcset, lazy-load; izbjegavajte Full Size embed.
- CSS/JS: Critical CSS za above-the-fold;
defer/asyncza treće strane; concatenation samo gdje ima smisla. - Plugin dieta: ukloniti duplicirane funkcije; zamijeniti teške page buildere lakšim blokovima.
- Fontovi: self-host,
font-display: swap, preconnect/preload za primarne varijante. - DB: čišćenje revizija i transients; indeksiranje; Object Cache (Redis).
- PHP/HTTP: PHP 8.x, HTTP/2/3, Gzip/Brotli, HSTS.
Hosting, CDN i keširanje
- Server cache: OPcache + page cache (LSCache/Nginx microcache).
- CDN: globalna isporuka asseta, edge caching za HTML gdje je moguće.
- Keš politike: dug TTL za statiku, verzioniranje asseta (cache busting).
- TTFB: cilj < 200 ms za ključna tržišta.
Alati za mjerenje i nadzor
- Google PageSpeed Insights & Lighthouse (lab + field signali)
- WebPageTest (TTFB, filmstrip, waterfalls, CPU)
- GTmetrix (struktura, povijest, komparacije)
- Search Console (CWV izvješća, CrUX), GA4 (engagement & konverzije)
- RUM skripte (real-user monitoring) po potrebi
Brzi “quick wins” do boljih metrika
- Hero sliku pretvoriti u WebP/AVIF i preloadati ako je LCP.
- Definirati
width/heightza slike i rezervirati prostor za bannere (CLS). - Ugasiti 1–2 nepotrebna third-party widgeta (chat, heatmap, stari tagovi).
- Defer/async za marketing skripte; gtag po potrebi “consent mode”.
- Self-host Google Fonts ili preconnect + preload,
font-display: swap.
Paketi optimizacije (orijentacijski)
Speed Boost
od 249 €
- Audit + brzi popravci (slike, CSS/JS)
- Basic caching + CDN setup
- Preporuke za LCP/CLS/INP
CWV Pro
500–1200 €
- End-to-end optimizacija (theme, DB, server)
- Object cache (Redis), edge/CDN
- RUM + GSC praćenje i iteracije 30 dana
Točan iznos ovisi o tehnologiji, prometu i integracijama. Nakon kratkih konzultacija isporučujemo preciznu ponudu bez skrivenih troškova.
FAQ – Česta pitanja o brzini
Prvi rezultati (lab mjerenja) vide se odmah nakon implementacije; field podaci (CrUX/GSC) se tipično osvježavaju u 28-dnevnim ciklusima.
Ne mora. Cilj je zadržati izgled i UX, uz refaktor asseta i učitavanja. Ako je UI uzrok problema (npr. teške animacije), predlažemo ekvivalentno rješenje.
Ne uvijek. Često dovoljno pomaže pravilno keširanje, CDN i optimizacija koda. Ako je TTFB dosljedno visok, preporučujemo migraciju na bržu infrastrukturu.
Želite brži web i bolje CWV rezultate?
Pošaljite nam URL i kratki opis tehnologije – odgovaramo s besplatnim brzim auditom i planom zahvata.