Adie imagens offscreen

Published on Updated on

Translated to: English, Español, 한국어, Pусский

A seção Oportunidades de seu relatório Lighthouse lista todas as imagens offscreen ou ocultas em sua página junto com a economia potencial em kibibytes (KiB). Considere o carregamento lazy dessas imagens depois que todos os recursos críticos terminarem de carregar para reduzir a métrica Time to Interactive (tempo até interação):

Uma captura de tela da auditoria Lighthouse Defer offscreen images

Veja também Carregamento lazy de imagens offscreen com o codelab lazysizes.

Orientações para pilhas específicas

AMP

Carregue imagens automaticamente usando lazy loading com amp-img. Veja o guia Imagens.

Drupal

Instale um módulo Drupal que possa carregar imagens usando carregamento lazy. Esses módulos fornecem a capacidade de adiar a carga de qualquer imagem offscreen para melhorar o desempenho.

Joomla

Instale um plugin Joomla de carregamento lazy que forneça a capacidade de adiar qualquer imagem offscreen ou alterne para um modelo que forneça essa funcionalidade. A partir do Joomla 4.0, um plugin de carregamento lazy dedicado pode ser habilitado usando o plugin "Content - Lazy Loading Images". Considere também o uso deum plug-in AMP.

Magento

Considere modificar seus modelos de produto e catálogo para usar o recurso de carregamento lazy da plataforma web.

WordPress

Instale um plug-in WordPress de lazy-loading que forneça a capacidade de adiar qualquer imagem offscreen ou mude para um tema que forneça essa funcionalidade. Considere também o uso do plug-in AMP.

Recursos

Last updated: Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.