Aplazar imágenes fuera de pantalla
La sección de Oportunidades del informe Lighthouse enumera todas las imágenes ocultas o fuera de la pantalla en tu página junto con los ahorros potenciales en kibibytes (KiB). Considera la posibilidad de cargar de forma diferida estas imágenes después de que todos los recursos críticos hayan terminado de cargarse para reducir el Time to Interactive (TTI): Tiempo para interactuar:
Consulta también Carga diferida de imágenes fuera de pantalla con lazysizes codelab.
Orientación de recursos tecnológicos específicos #
AMP #
De manera automática carga imágenes diferidas con amp-img. Consulta la guía de Imágenes.
Drupal #
Instala un módulo de Drupal que pueda cargar imágenes de forma diferida. Dichos módulos brindan la capacidad de diferir cualquier imagen fuera de la pantalla para mejorar el rendimiento.
Joomla #
Instala un complemento de Joomla de carga diferida que brinde la capacidad de diferir cualquier imagen fuera de la pantalla, o cambiar a una plantilla que brinde esa funcionalidad. A partir de Joomla 4.0, se puede habilitar un complemento dedicado de carga diferida mediante el complemento "Contenido - Cargando imágenes de manera diferida". También considera usar un complemento AMP.
Magento #
Considera modificar las plantillas de tu producto y catálogo para hacer uso de la función de carga diferida de la plataforma web.
WordPress #
Instala un complemento de WordPress de carga diferida que brinde la capacidad de diferir cualquier imagen fuera de la pantalla o cambiar a un tema que brinde esa funcionalidad. También considera usar el complemento AMP.