Optimizacija PageSpeed-a — Ubrzajte Svoj Web u 2026

Zašto je Brzina Faktoru Rangiranja

Google je potvrdio da brzina stranice utječe na rangiranje. Spore stranice frustriraju korisnike, a Google želi pružiti najbolje iskustvo. Podaci iz Googlea pokazuju da se vjerojatnost da će korisnik napustiti stranicu povećava za 32% kada vrijeme učitavanja ide od 1 do 3 sekunde.

Ali se ne radi samo o rangiranju. Brzina izravno utječe na vašu dobit:

Konverzije — Svaka dodatna sekunda vremena učitavanja smanjuje konverzije do 7%
Stopa napuštanja — 53% mobilnih korisnika napušta stranicu koja se učitava duže od 3 sekunde
Korisničko iskustvo — Brze stranice djeluju profesionalno i pouzdano

Osnovni Web Vitali — Googleove Mjere Brzine

Google mjeri brzinu putem tri osnovna web vitala:

LCP — Najveće Vidljivo Sadržaj

Mjeri kada najveći vidljivi element (obično slika ili naslov) završi učitavanje.

Dobar: Ispod 2.5 sekundi
Treba poboljšati: 2.5 — 4.0 sekunde
Loše: Preko 4.0 sekundi

INP — Interakcija na Sljedeće Učitavanje

Mjeri koliko brzo stranica odgovara kada korisnik interagira (klikne, kuca, skrola).

Dobar: Ispod 200ms
Treba poboljšati: 200 — 500ms
Loše: Preko 500ms

CLS — Kumulativna Promjena Rasporeda

Mjeri koliko se raspored mijenja tijekom učitavanja. Poznajete taj osjećaj — želite kliknuti nešto, ali sadržaj se iznenada pomiče i pogodite nešto drugo.

Dobar: Ispod 0.1
Treba poboljšati: 0.1 — 0.25
Loše: Preko 0.25

10 Konkretnih Savjeta za Optimizaciju

1. Optimizirajte Slike

Slike su obično najveći problem. Koristite moderne formate poput WebP ili AVIF, koji mogu smanjiti veličinu datoteka za 30-50% bez vidljivog gubitka kvalitete.

Komprimirajte sve slike prije učitavanja
Koristite loading="lazy" za slike koje nisu vidljive pri inicijalnom učitavanju
Uvijek navedite width i height kako biste izbjegli CLS
Koristite responsivne slike sa srcset za različite veličine ekrana

2. Minificirajte CSS i JavaScript

Uklonite neiskorišteni kod, praznine i komentare iz vaših CSS i JS datoteka. Većina alata za izgradnju to radi automatski, ali provjerite da li se to zapravo događa u produkciji.

3. Omogućite Kompresiju

Osigurajte da vaš server šalje datoteke uz Gzip ili Brotli kompresiju. Ovo može smanjiti veličinu datoteka do 70%.

4. Koristite Keširanje Preglednika

Postavite Cache-Control zaglavlja tako da preglednik pohranjuje statične datoteke (CSS, JS, slike) lokalno. Sljedeći put kada korisnik posjeti stranicu, ove datoteke ne trebaju se ponovno preuzimati.

5. Smanjite Vrijeme Odgovora Servera

Vrijeme odgovora vašeg servera (Vrijeme do prvog bajta, TTFB) trebalo bi biti ispod 200ms. Rješenja:

Koristite brzi hosting
Omogućite keširanje na strani servera
Optimizirajte upite prema bazi podataka
Koristite CDN za isporuku statičnih datoteka s servera bliskih korisniku

6. Odgodite Ne-Kritični JavaScript

JavaScript koji nije potreban za inicijalni prikaz trebao bi se učitavati asinkrono s async ili defer. Ovo obično uključuje analitiku, chat widgete i ugradnje društvenih mreža.

7. Prelazite Kritične Resurse

Koristite za fontove, CSS i slike potrebne za inicijalni prikaz. Ovo govori pregledniku da prioritizira te datoteke.

8. Uklonite Resurse koji Blokiraju Renderiranje

CSS i JavaScript u blokiraju renderiranje stranice. Premjestite nekritični CSS na dno, i inline-ajte CSS potreban za inicijalni prikaz (kritični CSS).

9. Koristite CDN

Content Delivery Network distribuira vaše datoteke na serverima širom svijeta. Korisnici preuzimaju s najbližeg servera, značajno smanjujući latenciju.

10. Optimizirajte Web Fontove

Prilagođeni fontovi mogu odgoditi prikaz teksta:

Koristite font-display: swap tako da tekst bude prikazan s alternativnim fontom dok se prilagođeni font učitava
Sužavajte svoje fontove samo na znakove koje koristite
Prelazite najvažnije fontove
Razmotrite sustavne fontove za tijelo teksta

Kako Testirati Svoju Brzinu

Google PageSpeed Insights

Službeni alat od Googlea. Daje vam laboratorijske podatke (simulirani) i podatke s terena (pravi korisnici) uz konkretne prijedloge za poboljšanja.

Chrome DevTools

Otvorite DevTools (F12), idite na "Performance" panel i snimite učitavanje stranice. Možete vidjeti točno što oduzima vrijeme i kojim redoslijedom se datoteke učitavaju.

WebPageTest

Napredni alat za testiranje koji vam omogućuje testiranje s različitih lokacija i brzina veze. Pruža detaljne dijagrame vodopada.

Prioritizacija — Započnite Ovdje

Ako trebate odabrati tri stvari na koje ćete se fokusirati:

Slike — Komprimirajte i konvertirajte u WebP. Najveći utjecaj s najmanje truda.
Keširanje — Postavite ispravna Cache-Control zaglavlja. Jednostavno postavljanje.
JavaScript — Odgodite sve ne-kritično. Smanjite treće strane skripte.

Želite znati kako vaša stranica stvarno funkcionira? Pokrenite besplatni pregled i vidite svoje osnovne web vitale i brzinu.