Lazy Loading

Il lazy loading è la tecnica che rinvia il caricamento delle risorse non immediatamente necessarie – tipicamente immagini e video più in basso nella pagina – fino al momento in cui l’utente ci arriva. Serve ad alleggerire il caricamento iniziale.

Oggi si ottiene con l’attributo loading="lazy" supportato dai browser, senza librerie. L’errore ricorrente è applicarlo a tutto: l’immagine principale, quella che l’utente vede per prima, va caricata subito, perché rinviarla significa ritardare proprio l’elemento su cui si misura il Largest Contentful Paint. Il lazy loading migliora i tempi solo se esclude ciò che sta nella prima schermata.

Il secondo problema riguarda la visibilità del contenuto. Finché a essere rinviate sono le immagini il rischio è contenuto; quando la tecnica si estende a testo, schede prodotto o commenti caricati solo allo scorrimento, quel contenuto esiste dopo l’esecuzione degli script e può restare fuori dall’indicizzazione (rendering, JavaScript).

La verifica è semplice e quasi nessuno la fa: guardare l’HTML restituito dal server e controllare che ci sia il contenuto che conta. Se non c’è, per una parte dei sistemi che leggono la pagina non esiste affatto (crawler AI).