Aplaza las imágenes fuera de pantalla

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:

Captura de pantalla de la auditoría de imágenes fuera de pantalla de Lighthouse Aplazamiento

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.

Recursos