A seção "Oportunidades" do relatório do Lighthouse lista todas as imagens fora da tela ou ocultas na página com a possível economia em kibibytes (KiB). Faça o carregamento lento dessas imagens depois que todos os recursos críticos forem carregados para reduzir o tempo para interação:
![Captura de tela da auditoria "Adie a exibição de imagens fora da tela" do Lighthouse](https://developer.chrome.com/static/docs/lighthouse/performance/offscreen-images/image/a-screenshot-the-lightho-886f5632a8905.png?authuser=8&hl=pt)
Consulte também o codelab Carregamento lento de imagens fora da tela com o lazysizes.
Orientação específica da pilha
AMP
Carregue imagens automaticamente com amp-img
.
Consulte o guia
Imagens.
Drupal
Configure imagens de carregamento lento em Drupal
. Os formatadores de campo para imagens são compatíveis com lazy
ou eager
.
Joomla
Instale um plug-in de carregamento lento do Joomla que permite adiar imagens fora da tela ou alterne para um modelo que ofereça essa funcionalidade. A partir do Joomla 4.0, um plug-in de carregamento lento dedicado poderá ser ativado usando o plug-in "Conteúdo - Imagens de Carregamento Lento". Use um plug-in AMP.
Magento
Modifique seus modelos de produto e catálogo para usar o recurso de carregamento lento da plataforma da Web.
WordPress
Instale um plug-in de carregamento lento do WordPress, que permite adiar imagens fora da tela, ou alterne para um tema que ofereça essa funcionalidade. Considere também usar o plug-in de AMP.