En la sección Opportunities de tu informe de Lighthouse, se enumeran todas las imágenes ocultas o fuera de la pantalla de tu página, junto con el posible ahorro en kibibytes (KiB). Considera usar la carga diferida para estas imágenes después de que se hayan cargado todos los recursos críticos para reducir el tiempo de carga:
Consulta también el codelab Carga diferida de imágenes fuera de pantalla con lazysizes.
Orientación específica para la pila
AMP
Realiza automáticamente la carga diferida de imágenes con amp-img.
Consulta la guía de Imágenes.
Drupal
Recomendamos configurar la carga diferida de imágenes en Drupal. Los formateadores de campo para imágenes admiten lazy o eager.
Joomla
Instala un complemento de carga diferida de Joomla 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 con el complemento "Contenido: Carga diferida de imágenes". También puedes usar un complemento 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 de AMP.