Lazy loading

Lazy loading znači da se slike, videozapisi i ugrađeni sadržaj ne učitavaju odmah, nego tek kad se korisnik doscrolla blizu njih. Stranica s trideset fotografija tako pri otvaranju povuče njih pet umjesto svih trideset.

Kako se radi u praksi

Preglednici to podržavaju sami — dovoljan je atribut na slici ili iframeu:

<img src="galerija-01.webp" width="800" height="600" loading="lazy" alt="..." />

Za to ne treba plugin ni JavaScript biblioteka. WordPress ga dodaje automatski, a većina caching pluginova ima vlastitu varijantu koja radi isto.

Zašto pomaže

Manje resursa u prvom naletu znači kraće čekanje na glavni sadržaj, niži LCP i manje posla za mrežu na sporijoj mobilnoj vezi. Na dugim stranicama s galerijama i katalozima razlika je najveća.

Dvije greške koje ga pretvore u problem

1. Lazy loading na hero slici. Element vidljiv odmah pri otvaranju nikad ne smije biti odgođen — preglednik ga tada dohvaća kasnije i LCP se pogorša. Prvu sliku izuzmite, po potrebi je i preloadajte.
2. Slike bez zadanih dimenzija. Ako nema width i height, prostor se ne rezervira i sadržaj poskakuje dok se slike učitavaju — što ruši CLS.

Što još odgoditi

Ista logika vrijedi za YouTube ugradnje, karte, chat widgete i tracking skripte. Odgoda tih elemenata do prve interakcije obično donosi veći pomak na INP metrici nego bilo koja druga pojedinačna izmjena.