Skip to content
Aprender Medir Blog Case studies About
En esta página
  • Orientación de recursos tecnológicos específicos
    • AMP
    • Drupal
    • Joomla
    • Magento
    • WordPress
  • Recursos

Aplazar imágenes fuera de pantalla

May 2, 2019 — Actualizado May 29, 2020
Available in: 한국어, Português, Русский, English
Appears in: Auditorías de rendimiento
En esta página
  • Orientación de recursos tecnológicos específicos
    • AMP
    • Drupal
    • Joomla
    • Magento
    • WordPress
  • Recursos

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

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 #

  • Código fuente para la auditoría de Aplazar imágenes fuera de la pantalla
Última actualización: May 29, 2020 — Mejorar el artículo
Return to all articles
Compartir
suscribir

Contribute

  • Presentar un error
  • Ver fuente

Contenido relevante

  • developer.chrome.com
  • Chrome Actualizaciones
  • Web Fundamentals
  • Case studies
  • Podcasts
  • Shows

Conectar

  • Twitter
  • YouTube
  • Google Developers
  • Chrome
  • Firebase
  • Google Cloud Platform
  • Todos los productos
  • Condiciones y privacidad
  • Principios de la Comunidad

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies.