La sezione Opportunità del report Lighthouse elenca tutte le immagini offscreen o nascoste nella pagina, nonché i potenziali risparmi in kibibyte (KiB). Valuta la possibilità di utilizzare il caricamento lento per queste immagini al termine del caricamento di tutte le risorse fondamentali per ridurre il tempo di interattività:
Consulta anche il codelab sul caricamento lento delle immagini fuori schermo con lazysizes.
Indicazioni specifiche per lo stack
AMP
Carica automaticamente le immagini con il caricamento lento con amp-img
.
Consulta la guida relativa alle immagini.
Drupal
Valuta la possibilità di configurare immagini con caricamento lento in Drupal
. I formattatori di campi per le immagini supportano lazy
o eager
.
Joomla
Installa un plug-in Joomla per il caricamento lento che consenta di rimandare qualsiasi immagine fuori schermo oppure passa a un modello che offra questa funzionalità. A partire da Joomla 4.0, è possibile attivare un plug-in per il caricamento lento dedicato usando il plug-in "Contenuti - Caricamento lento per le immagini". Potresti anche valutare l'utilizzo di un plug-in AMP.
Magento
Potresti modificare i modelli del prodotto e del catalogo in modo da usare la funzionalità di caricamento lento della piattaforma web.
WordPress
Installa un plug-in di WordPress per il caricamento lento che offra la possibilità di rimandare qualsiasi immagine fuori schermo oppure passa a un tema che offra questa funzionalità. Potresti anche valutare l'utilizzo del plug-in AMP.