PageSpeed Insights (PSI) je Google-ov besplatan alat za mjerenje performance sajta. Pokazuje brojke, daje preporuke — ali bez razumijevanja što metrike znače, vidiš "57/100" i ne znaš da li je to dobro, loše, ili katastrofalno.
Ovaj vodič objašnjava Core Web Vitals (LCP, INP, CLS), kako interpretirat PSI rezultate, što je razlika između Lab i Field data, i kako sustavno popraviti performance bez kupovanja novog hostinga.
Što su Core Web Vitals
Core Web Vitals (CWV) su tri Google metrike koje mjere user experience:
1. LCP (Largest Contentful Paint)
Vrijeme do kad se najveći element (slika, naslov, video) pojavi u viewport-u.
- Dobro: < 2.5s
- Treba poboljšat: 2.5-4s
- Loše: > 4s
2. INP (Interaction to Next Paint) — zamijenio FID 2024.
Vrijeme od korisničke interakcije (klik, tap) do vizualnog odgovora.
- Dobro: < 200ms
- Treba poboljšat: 200-500ms
- Loše: > 500ms
3. CLS (Cumulative Layout Shift)
Koliko se sadržaj pomiče tijekom učitavanja.
- Dobro: < 0.1
- Treba poboljšat: 0.1-0.25
- Loše: > 0.25
Sve tri metrike utječu na Google rankings (od 2021., CLS od 2024).
Lab vs Field Data — kritična razlika
PSI pokazuje dvije vrste podataka:
Field Data (Real User Metrics / RUM)
- Stvarno korisničko iskustvo iz Chrome User Experience Report (CrUX).
- Bazirano na 28-dnevnoj prosječnoj posjeti pravim korisnicima.
- Zelena/Žuta/Crvena oznaka per metric.
- Ovo je što Google koristi za ranking.
Lab Data (Lighthouse simulation)
- Sintetičan test iz Google data center-a (Moto G Power, 4G konekcija).
- Daje detaljne preporuke, ali ne odražava stvarnost.
- Score 0-100 baziran na sintetičkom testu.
- Lab score može biti 30/100 ali field data zelena = sajt radi za prave korisnike.
Fokusiraj se na field data za Google ranking. Koristi lab data za debug i preporuke.
Tipičan PSI dashboard — što gledat
Otvori pagespeed.web.dev, upiši URL. Vidiš:
- Mobile / Desktop tab — Google koristi mobile-first ranking. Fokus na mobile.
- Core Web Vitals Assessment — Passed / Failed (na osnovi field data).
- Field Data — sa Origin Summary (cijeli sajt) ili specific URL.
- Lab Performance Score — 0-100, ne brini ako je niži ako field je zelen.
- Diagnostics i Opportunities — konkretne stvari za poboljšat.
Najčešći problemi i kako ih popraviti
LCP slow (slika hero ili glavni text se kasno pojavljuje)
Što popravit:
- Image optimization (WebP/AVIF, proper dimenzije, srcset).
fetchpriority="high"na hero slici.- Preload critical resources (LCP image, hero font).
- TTFB optimization (server-side cache, CDN).
- Defer non-critical CSS i JS.
INP slow (sajt sporo reagira na klik)
Što popravit:
- Reduce JavaScript execution time (tree shake, code split).
- Break long tasks (>50ms) u manje chunks.
- Defer ili async third-party scripts (analytics, ads, chat widgets).
- Use
web workersza heavy compute. - Avoid CPU-heavy animations.
CLS bad (sadržaj se pomiče dok učita)
Što popravit:
- Set
widthiheightattributes na slikama. - Reserve space za reklame i embed-ove (iframe sa fixed height).
- Avoid inserting content above existing content (banneri, popup-i koji se pojavljuju).
- Use CSS
aspect-ratioza responzivne containere. - Pre-load fonts (font-display: optional ili swap).
Lab score 0-100 — što znače rasponi
| Score | Razina | Što to znači |
|---|---|---|
| 90-100 | Odličan | Tvoj sajt je u top 10% globalnog interneta. |
| 50-89 | Treba poboljšat | Realnost za većinu WP sajtova. Cilj 80+. |
| 0-49 | Loše | Ozbiljan problem. Treba sistemska intervencija. |
Mobile score je tipično 10-20 nižii od desktop-a zbog throttling.
Top 10 preporuka koje PSI često daje
- Properly size images — ne posluži 4000px sliku za 800px display.
- Defer offscreen images — lazy loading za below-the-fold.
- Eliminate render-blocking resources — defer CSS i JS koji ne treba u initial paint.
- Minify CSS / JavaScript — automatic kroz LiteSpeed Cache ili plugin.
- Reduce unused JavaScript — code splitting, removal of unused plugins.
- Avoid enormous network payloads — total page size pod 1.5 MB.
- Use efficient image formats (WebP/AVIF).
- Enable text compression (Brotli/Gzip).
- Reduce server response time (TTFB).
- Avoid an excessive DOM size — pod 1.500 elemenata po stranici.
WordPress-specifična optimizacija
Plugin overhead
Svaki plugin = potencijalni performance hit. Tipičan WP sajt sa 30 plugin-a ima 50-100 KB overhead samo iz plugin assets. Audit kroz Query Monitor ili Asset CleanUp.
Theme bloat
Page builder teme (Divi, Avada) su tipično 30-50% sporije od native block themes. Mjeri prije nego biraš.
Database queries
Query Monitor plugin pokazuje sve DB queries per page. Više od 100 query-ja = problem. Tipično: loš plugin koji ne koristi cache.
External scripts
Google Tag Manager, Hotjar, Intercom, Facebook Pixel — svaki tip 30-100 KB JS. Audit, ostavi samo critical, defer rest.
Hosting impact na Core Web Vitals
- TTFB direktno ovisi o serveru. NVMe + LiteSpeed + Redis = TTFB pod 200ms. Stari shared hosting = TTFB 500-1500ms.
- HTTP/3 daje 10-20% bolji LCP na mobile.
- CDN daje 100-300ms bolji LCP za geografski udaljene korisnike.
- Image optimization na server-strani (LSCache + QUIC.cloud) automatic WebP konverzija.
Realan workflow optimization
- Baseline measure — PSI test prije bilo kakve promjene.
- Identify top 3 issues u Opportunities sekciji (sorted by impact).
- Fix one at time, re-test nakon svake izmjene.
- Wait 28 days nakon završetka fixes-a da vidiš efekt na field data.
- Iterate — performance optimization je continuous, ne one-shot.
Alati pored PSI
- GTmetrix — vizualne waterfall charts, easier debug nego PSI.
- WebPageTest — najmoćniji, multi-location testing, video playback.
- Lighthouse CI — automation testing u CI pipeline-u.
- Chrome DevTools Performance tab — local debug, deep dive.
- Search Console Core Web Vitals report — Google view tvog stvarnog field data.
Što WMD pristup nudi
- NVMe + LiteSpeed default — best TTFB.
- LiteSpeed Cache sa automatic image optimization.
- HTTP/3 + Brotli default.
- QUIC.cloud CDN opcija za global edge.
- Performance audit servis — analiza + konkretne preporuke.
- Plugin optimization — analiza overhead-a i preporuke za reduce.
Najčešća pitanja
Score 100 je realističan cilj?
Za jednostavan sajt da. Za WooCommerce sa 30 plugin-a — 80-90 je realan cilj. Score 100 zahtjeva agresivnu optimizaciju i compromise sa featurama.
Što ako Google Search Console pokazuje crveno a PSI zeleno?
Google Search Console koristi field data za period od mjesec. Ako je sajt poboljšan ali zadnja 28 dana imala loš performance, Search Console kasni za stanje. Wait it out.
Mobile vs Desktop — kojim se voditi?
Mobile. Google rang baziran na mobile-first indexing od 2019.
Treba li mi PSI 90+ za dobar SEO?
Field data Core Web Vitals pass je dovoljan. Lab score 90+ nije ranking faktor sam po sebi. Fokusiraj se na pravi user experience, ne na arbitrarni lab number.
