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:

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.