Lazy loading

Lazy loading (caricamento differito) significa rimandare il caricamento di una risorsa - un'immagine, un video, uno script o un widget - fino a quando serve davvero, invece di caricare tutto all'apertura iniziale della pagina. In questo modo il caricamento iniziale è più rapido, perché si impiegano banda e tempo di elaborazione solo per ciò che il visitatore vede o utilizza effettivamente.

Di solito si applica a immagini e contenuti incorporati sotto la piega, usando l'attributo nativo loading="lazy" sugli elementi <img> e <iframe>. I contenuti sopra la piega in genere non dovrebbero essere caricati in modo lazy, perché ritardarli può rallentare il LCP invece di migliorarlo.

Per saperne di più

• Lazy loading - guida alle prestazioni di MDN
• Sopra la piega
• LCP