Google PageSpeed Insights

Google PageSpeed Insights: Kako razumjeti i optimizirati brzinu WordPress stranice

Google PageSpeed Insights (PSI) nije samo alat za mjerenje brzine; to je dijagnostički instrument koji vam govori kako Google vidi vašu web stranicu. U svijetu gdje korisnici napuštaju stranicu ako se ne učita u roku od 3 sekunde, razumijevanje ovog izvještaja ključno je za uspjeh vašeg online poslovanja.

Što označavaju vrijednosti u izvještaju?

Kada pokrenete test, dobit ćete ocjenu od 0 do 100. No, važno je znati da Google razlikuje dvije vrste podataka:

  • Podaci s terena (Field Data): Stvarni podaci o tome kako su se stvarni korisnici osjećali na vašoj stranici u zadnjih 28 dana (Chrome User Experience Report).
  • Laboratorijski podaci (Lab Data): Simulacija učitavanja stranice u kontroliranim uvjetima (Lighthouse).

Rezultat se dijeli u tri kategorije: Zelena (90-100) označava izvrsnu brzinu, Narančasta (50-89) ukazuje na potrebu za poboljšanjem, dok Crvena (0-49) predstavlja ozbiljne probleme s performansama.

Detaljno objašnjenje ključnih metrika (Core Web Vitals)

1. LCP (Largest Contentful Paint) – Brzina učitavanja glavnog sadržaja

LCP mjeri vrijeme potrebno da se učita najveći element na ekranu (obično hero slika, video ili veliki blok teksta). Idealno vrijeme: Ispod 2.5 sekunde.

Kako popraviti na WordPressu:

  • Koristite WebP format slika umjesto JPEG-a.
  • Postavite Fetch Priority=”high” na glavnu sliku (LCP element).
  • Izbjegavajte “Lazy loading” na prvoj slici koju korisnik vidi bez skrolanja.
  • Koristite brzi hosting i CDN (npr. Cloudflare).

2. CLS (Cumulative Layout Shift) – Vizualna stabilnost

CLS mjeri koliko se sadržaj “pomiče” dok se stranica učitava. Sigurno ste doživjeli da želite kliknuti na gumb, ali se u tom trenu učita reklama i gumb pobjegne dolje. To je loš CLS. Idealna vrijednost: Manje od 0.1.

Kako popraviti na WordPressu:

  • Uvijek definirajte širinu i visinu (width i height) za slike i video zapise u HTML-u.
  • Rezervirajte prostor za oglase (ad slots) pomoću CSS-a.
  • Izbjegavajte umetanje novog sadržaja iznad postojećeg sadržaja nakon što je stranica već učitana.

3. FCP (First Contentful Paint) – Prvi znak života

FCP mjeri vrijeme od početka učitavanja do trenutka kada se bilo koji dio sadržaja prikaže na ekranu. To korisniku daje do znanja da stranica “radi”. Idealno vrijeme: Ispod 1.8 sekundi.

Kako popraviti na WordPressu:

  • Smanjite vrijeme odziva poslužitelja (TTFB – Time to First Byte).
  • Koristite dodatke za predmemoriranje (Caching) poput WP Rocket ili LiteSpeed Cache.
  • Uklonite nekorišteni CSS i JS koji blokiraju iscrtavanje.

4. TBT (Total Blocking Time) – Interaktivnost

TBT mjeri koliko je dugo stranica bila “zablokirana” za unos korisnika (klikove, tipkanje) zbog izvršavanja teških JavaScript datoteka. Idealno vrijeme: Ispod 200 ms.

Kako popraviti na WordPressu:

  • Odgodite (Delay) izvršavanje JavaScripta koji nije kritičan (npr. Facebook Pixel ili Google Analytics).
  • Minificirajte JS i CSS datoteke pomoću dodataka kao što je Autoptimize.
  • Smanjite broj instaliranih dodataka (pluginova) koji učitavaju svoje skripte na svakoj stranici.

WordPress specifični savjeti za ubrzanje

WordPress je često “težak” zbog tema i dodataka. Evo konkretnih koraka za popravak:

  • Optimizacija baze podataka: Redovito čistite revizije postova i stare baze pomoću WP-Optimize.
  • Korištenje laganih tema: Teme poput GeneratePress ili Astra puno su brže od kompleksnih rješenja poput Avade ili Divija.
  • Upravljanje skriptama: Koristite dodatak Asset CleanUp kako biste isključili učitavanje skripti na stranicama gdje one nisu potrebne (npr. Contact Form 7 se ne mora učitavati na početnoj stranici).

Koliko PageSpeed rezultat utječe na SEO poziciju?

Od 2021. godine, Google je službeno uveo Page Experience Update, čineći Core Web Vitals (LCP, CLS, FID/INP) izravnim faktorom rangiranja. Međutim, važno je razumjeti sljedeće:

1. Brzina je “tie-breaker”: Ako dvije stranice imaju jednako kvalitetan sadržaj, ona brža će biti bolje pozicionirana. Ipak, vrhunski sadržaj na nešto sporijoj stranici i dalje može pobijediti loš sadržaj na munjevito brzoj stranici.

2. Mobile-First Indexing: Google prvenstveno gleda brzinu vaše stranice na mobilnim uređajima. Ako imate rezultat 95 na desktopu, a 40 na mobilnom uređaju, vaš SEO će patiti.

3. Indirektni utjecaj: Sporije stranice imaju veći Bounce Rate (postotak korisnika koji odmah napuste stranicu). Google to interpretira kao loše korisničko iskustvo, što dugoročno uništava vaš autoritet i poziciju na pretraživaču.

Zaključak: Ciljajte na zelenu zonu, ali nemojte biti opsjednuti rezultatom 100/100. Fokusirajte se na to da stranica bude brza i stabilna za stvarne korisnike, jer to je ono što Google u konačnici želi nagraditi.