En la sección Oportunidades de tu informe de Lighthouse, se enumeran todas las imágenes fuera de la pantalla o ocultas de tu página, junto con los posibles ahorros en kibibytes (KiB). Considera usar la carga diferida para estas imágenes después de que se hayan terminado de cargar todos los recursos críticos para reducir el tiempo de carga interactivo:
Consulta también el codelab Carga diferida de imágenes fuera de pantalla con lazysizes.
Orientación específica de la pila
AMP
Carga imágenes de forma diferida automáticamente con amp-img.
Consulta la guía de Imágenes.
Drupal
Considera configurar imágenes de carga diferida en Drupal. Los formateadores de campos para imágenes admiten lazy o eager.
Joomla
Instala un complemento de Joomla de carga diferida que proporcione la capacidad de postergar las imágenes fuera de pantalla o bien cambia a una plantilla que proporcione esa funcionalidad. A partir de Joomla 4.0, se puede habilitar un complemento dedicado de carga diferida mediante el complemento "Contenido: Carga diferida de imágenes". También puedes usar un complemento de AMP.
Magento
Te recomendamos modificar tus plantillas de productos y catálogos para usar la función de carga diferida de la plataforma web.
WordPress
Instala un complemento de carga diferida de WordPress que proporcione la capacidad de diferir las imágenes fuera de pantalla, o bien cambia a un tema que proporcione esa funcionalidad. También puedes usar el complemento AMP.