Caricamento differito
Tecnica che rimanda il caricamento di immagini e contenuti fuori schermo finché l’utente non vi si avvicina scorrendo, riducendo il tempo di caricamento iniziale.
Il caricamento differito migliora le prestazioni caricando inizialmente solo il contenuto visibile nel viewport. Le immagini sotto la piega restano come segnaposto leggeri finché l’utente non scorre verso di esse, momento in cui parte il download dell’immagine reale. Il lazy loading nativo tramite l’attributo HTML loading='lazy' è supportato dai browser moderni e non richiede JavaScript. L’API Intersection Observer offre più controllo per implementazioni personalizzate. Per le immagini hero visibili above the fold, il caricamento differito va disattivato perché devono caricarsi subito per ottimizzare il Largest Contentful Paint. Un caricamento differito troppo aggressivo, che ritarda contenuti già visibili, peggiora la performance percepita. L’equilibrio corretto è caricare subito ciò che è visibile e differire tutto il resto.