En la sección Oportunidades de tu informe de Lighthouse, se enumeran todas las imágenes ocultas o fuera de pantalla de tu página, junto con los posibles ahorros en kibibytes (KiB). Considera realizar una carga diferida de estas imágenes una vez que todos los recursos críticos hayan terminado de cargarse para reducir el tiempo de carga:
Consulta también el codelab de imágenes fuera de pantalla de carga diferida con tamaños diferidos.
Orientación específica para pilas
AMP
Realiza una carga diferida de imágenes automáticamente con amp-img
.
Consulta la guía Imágenes.
Drupal
Instala un módulo de Drupal que pueda cargar imágenes de forma diferida. Esos módulos permiten postergar las imágenes fuera de pantalla para mejorar el rendimiento.
Joomla
Instala un complemento de carga diferida de Joomla con la capacidad de postergar las imágenes fuera de pantalla o 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 considera usar un complemento de AMP.
Magento
Considera modificar las 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 cambia a un tema que proporcione esa funcionalidad. También puedes usar el complemento AMP.