Prima Pagina.

Lazy loading (caricamento differito)

Il lazy loading differisce le risorse fuori schermo (immagini, iframe, script) finché non servono. La pagina iniziale si alleggerisce di conseguenza.

In pratica

Gli attributi nativi bastano per le immagini: l'attributo loading su tutto ciò che sta sotto la piega. L'errore comune: differire l'immagine hero in cima alla pagina e ritardare proprio l'LCP che si cercava di migliorare. La regola è semplice: la prima schermata si carica subito, tutto il resto attende il proprio turno.