Rimanda immagini fuori schermo

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à:

Uno screenshot del controllo Rimanda immagini fuori schermo di Lighthouse

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.

Risorse