Lazy loading obrázkov

Lazy loading znamená, že obrázky mimo viditeľnej oblasti sa nenačítajú hneď, ale až keď k nim používateľ doscrolluje. Stačí atribút loading="lazy".

Bez lazy loadingu sťahuje prehliadač aj obrázky úplne dole na stránke, ktoré používateľ možno nikdy neuvidí — zdržuje to prvé vykreslenie a plytvá dátami. Lazy loading zrýchli štart a šetrí prenos.

1. 1Pridaj loading="lazy" obrázkom a iframe pod viditeľnou oblasťou.
2. 2NEpoužívaj lazy na hlavný obrázok nad ohybom (LCP obrázok) — ten chceš naopak čo najskôr (pokojne preload).
3. 3Vždy uvádzaj width a height, aby sa layout neposkakoval (CLS).