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](https://wd.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/agMyJtIarLruD8iuz0Mt.png?auto=format)
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
Updated on • Improve article