Čo je lazy loading?

Lazy loading, po slovensky lenivé načítanie, je technika, pri ktorej sa obrázky a iframy načítajú až vtedy, keď sa blížia do viditeľnej časti stránky. Šetrí prenos dát a čas pri úvodnom načítaní. V HTML sa zapína atribútom loading="lazy".

Ako lazy loading funguje?

Atribút loading je možné použiť na <img> aj <iframe>. Predvolená hodnota eager načíta prvok hneď, hodnota lazy ho načíta, až keď sa priblíži k viditeľnej časti. Presná vzdialenosť závisí od prehliadača. Pri prvku <picture> sa atribút dáva na vnútorný <img>.

Kedy lazy loading nepoužijeme?

Nepoužívame ho na obrázky v prvej viditeľnej časti stránky, najmä na hlavný obrázok, ktorý býva prvkom LCP. Lenivé obrázky sa totiž začnú načítavať neskôr než ostatné, čo by hlavný obsah zbytočne oddialilo. Rozmery obrázkov aj tak určujeme, aby sa predišlo posunom, pozri CLS.

Ako lazy loading súvisí s vyhľadávaním?

Google pri vykresľovaní nevyvoláva interakcie, ako je klikanie alebo posúvanie, preto obsah nesmie závisieť od nich. Natívny atribút loading="lazy" je bezpečná voľba, no dôležitý obsah sa musí zobraziť aj bez zásahu používateľa.

Čo si zapamätať o pojme lazy loading?

Lazy loading zrýchľuje úvodné načítanie, ak ho použijeme na obrázky pod hranicou viditeľnosti. Prvé obrázky na stránke načítavame hneď.

Ako to rieši webstrankanamieru.sk: Pojem lazy loading patrí do technickej časti optimalizácie. Postup nájdete v sekcii SEO na mieru, zistenia z praxe v novinkách a ceny v cenníku. Ak chcete skontrolovať svoj web, napíšte nám.

Súvisiace pojmy: LCP, CLS, Rýchlosť stránky, WebP, JavaScript rendering, Alt text, Dynamické načítanie obsahu, iframe, Mobile-first indexing, Optimalizácia obrázkov, Vloženie videa do HTML

Často kladené otázky o pojme lazy loading

Zdroje

Všetky pojmy v slovníku