Optimizacija PageSpeed-a — Ubrzajte Vaš Vebsajt u 2026

Zašto je brzina faktor rangiranja

Google je potvrdio da brzina stranice utiče na rangiranje. Spore stranice frustriraju korisnike, a Google želi da pruži najbolje iskustvo. Podaci iz Google-a pokazuju da se verovatnoća da korisnik napusti stranicu povećava za 32% kada vreme učitavanja pređe sa 1 na 3 sekunde.

Ali nije reč samo o rangiranju. Brzina direktno utiče na vaš profit:

Konverzije — Svaka dodatna sekunda vremena učitavanja smanjuje konverzije do 7%
Stopa napuštanja — 53% korisnika na mobilnim uređajima napušta stranicu koja se učitava više od 3 sekunde
Korisničko iskustvo — Brze stranice deluju profesionalno i pouzdano

Core Web Vitals — Google-ove metrike brzine

Google meri brzinu putem tri mjerne jedinice Core Web Vitals:

LCP — Najveće vidljivo slikanje

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

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

INP — Interakcija do sledećeg slikanja

Meri koliko brzo stranica reaguje kada korisnik interaguje (klikne, kuca, skroluje).

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

CLS — Kumulativno pomeranje izgleda

Meri koliko se izgleda menja tokom učitavanja. Znate taj osećaj — želite da kliknete na nešto, ali iznenada se sadržaj pomera i pogodite nešto drugo.

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

10 konkretnih saveta za optimizaciju

1. Optimizujte slike

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

Kompresujte sve slike pre učitavanja
Koristite loading="lazy" za slike koje nisu vidljive pri prvom učitavanju
Uvek odredite width i height kako biste izbegli CLS
Koristite responzivne slike sa srcset za različite veličine ekrana

2. Minifikujte CSS i JavaScript

Uklonite neiskorišćeni kod, prazne prostore i komentare iz vaših CSS i JS datoteka. Većina alata za izgradnju to radi automatski, ali proverite da li se to zapravo dešava u produkciji.

3. Omogućite kompresiju

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

4. Koristite keširanje pretraživača

Postavite Cache-Control zaglavlja kako bi pretraživač lokalno čuvao statične datoteke (CSS, JS, slike). Sledeći put kada korisnik poseti, ove datoteke ne moraju ponovo da se preuzimaju.

5. Smanjite vreme odgovora servera

Vreme odgovora vašeg servera (Time to First Byte, TTFB) treba da bude ispod 200ms. Rešenja:

Koristite brzu hosting uslugu
Omogućite keširanje na strani servera
Optimizujte upite u bazi podataka
Koristite CDN za isporuku statičkih datoteka sa servera koji su blizu korisnika

6. Odložite ne-kritični JavaScript

JavaScript koji nije potreban za inicijalni prikaz treba da se učitava asinhrono sa async ili defer. Ovo obično uključuje analitiku, čat widgete i ugradnje društvenih mreža.

7. Preučitavajte kritične resurse

Koristite za fontove, CSS i slike potrebne za inicijalni prikaz. Ovo govori pretraživaču da prioritetizuje ove datoteke.

8. Uklonite resurse koji blokiraju renderovanje

CSS i JavaScript u blokiraju renderovanje stranice. Premestite ne-kritični CSS na dno, i inline-ujte CSS potreban za inicijalni prikaz (kritični CSS).

9. Koristite CDN

Mreža za isporuku sadržaja distribuira vaše datoteke na serverima širom sveta. Korisnici preuzimaju sa najbližeg servera, značajno smanjujući latenciju.

10. Optimizujte veb fontove

Prilagođeni fontovi mogu odložiti prikaz teksta:

Koristite font-display: swap kako bi se tekst prikazao sa fallback fontom dok se prilagođeni font učitava
Ograničite vaše fontove samo na znakove koje koristite
Preučitavajte najvažnije fontove
Razmotrite sistemske fontove za telo teksta

Kako testirati svoju brzinu

Google PageSpeed Insights

Zvanični alat od Google-a. Pruža vam laboratorijske podatke (simulirani) i podatke iz stvarnog sveta (pravi korisnici) zajedno sa konkretnim predlozima za poboljšanje.

Chrome DevTools

Otvorite DevTools (F12), idite na panel "Performance" i snimite učitavanje stranice. Možete tačno videti šta oduzima vreme i kojim redosledom se datoteke učitavaju.

WebPageTest

Napredni alat za testiranje koji vam omogućava da testirate sa različitih lokacija i brzina veze. Pruža detaljne dijagrame vodopada.

Prioritizacija — Ovde počnite

Ako treba da odaberete tri stvari na koje se fokusirati:

Slike — Kompresujte i konvertujte u WebP. Najveći uticaj uz najmanji trud.
Keširanje — Postavite ispravna Cache-Control zaglavlja. Jednokratna konfiguracija.
JavaScript — Odložite sve ne-kritične. Smanjite skripte trećih lica.

Želite da znate tačno kako vaš sajt funkcioniše? Pokrenite besplatnu analizu i pogledajte svoje Core Web Vitals i brzinski rezultat.