Lazy loading je tehnika kod koje se slike i drugi teški sadržaj učitavaju tek kad korisnik skrola blizu njih, umjesto odmah. Postavlja se jednim atributom u kodu i kod stranica sa mnogo slika zna smanjiti početno učitavanje za 70 posto ili više.
Browser pri učitavanju stranice normalno traži sve slike odjednom, uključujući one koje su daleko ispod prvog ekrana i koje korisnik možda nikad neće vidjeti.
Sa odgođenim učitavanjem browser preskače te slike i traži ih tek kad se korisnik približi. Rezultat je manje prometa i brži prvi prikaz.
Danas je podržano direktno u browseru kroz jedan atribut, bez ijedne dodatne skripte. Starija rješenja koja su za to koristila JavaScript više nisu potrebna.
Kod stranica sa mnogo slika - portfolio, galerija, katalog proizvoda, stranica sa referencama. Tu je razlika najveća i mjeri se u megabajtima.
Kod mobilnog prometa, gdje je veza sporija i svaki nepotrebni zahtjev košta vremena.
Kod dugih stranica gdje većina posjetilaca ionako ne dođe do dna. Sadržaj koji niko ne vidi ne treba ni preuzimati.
Na hero slici i svemu što je odmah vidljivo. Odgađanje tih slika direktno pogoršava ocjenu najvećeg prikazanog elementa, jer browser čeka umjesto da odmah krene.
Pravilo je jednostavno: sve iznad prvog ekrana učitava se odmah, sve ispod se odgađa. Kod hero slike vrijedi i izričito označiti visok prioritet.
Šteti i kad se primijeni na sve bez razmišljanja. Automatski dodaci koji odgode baš svaku sliku znaju pokvariti ono što su trebali popraviti.
Eksplicitne dimenzije svake slike. Bez njih browser ne zna koliko prostora ostaviti, pa sadržaj poskakuje kad se slika učita - a to je zaseban problem sa ocjenom stabilnosti.
Kompresija i moderan format. Odgođeno učitavanje slike od 4 MB i dalje znači da će se ta slika jednom preuzeti. Pretvaranje u WebP obično skine 70 do 80 posto veličine.
Ista logika vrijedi i za videa i za ugrađene mape. Ugrađena mapa na kontakt stranici zna biti teža od svih slika zajedno.
Sama tehnika rješava samo jedan dio problema. Da bi rezultat bio vidljiv u mjerenju, uz nju idu još tri stvari.
Prva su dimenzije. Svaka slika treba imati zadate width i height vrijednosti, inače browser ne zna koliko prostora rezervisati i sadržaj poskoči kad se slika pojavi - što kvari CLS, ocjenu stabilnosti.
Druga je prioritet hero slike. Element koji se prvi vidi mjeri se kroz LCP, pa ta slika ne smije biti odgođena nego naprotiv označena kao prioritetna.
Treća je težina samog fajla. Odgođena slika od nekoliko megabajta i dalje jednom mora biti preuzeta, pa kompresija i moderan format ostaju obavezni.
Ista logika vrijedi i za video sadržaj i za ugrađene mape, koji znaju biti teži od svih slika zajedno. Kod njih se umjesto odgađanja često koristi slika kao zamjena, a pravi sadržaj se učita tek na klik - i to je najveći pojedinačni dobitak pri mjerenju brzine.
Lazy loading je jedna od najjeftinijih optimizacija koje postoje - atribut u kodu, bez dodatnih alata i bez rizika ako se primijeni ispravno.
Ako radite reviziju sajta, kombinacija odgođenog učitavanja, dimenzija i kompresije slika najčešće donese veći skok u brzini od svih ostalih izmjena zajedno.
Provjera je jednostavna: otvorite stranicu na telefonu i pratite koliko podataka se preuzme prije nego dođete do dna. Ako je taj broj velik na stranici koju većina posjetilaca ionako ne prolista do kraja, brzina vam pada bez ikakve koristi.
Zadnja izmjena: 17. avgust 2026.
Pošaljite adresu i recimo vam gdje stojite - bez obaveze.
Pošaljite upit
