Aplazar imágenes fuera de pantalla
Published on • Updated on
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:
![Una captura de pantalla de la auditoría de aplazar imágenes fuera de pantalla de Lighthouse](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/agMyJtIarLruD8iuz0Mt.png?auto=format)
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.
Recursos
Updated on • Improve article