A seção "Oportunidades" do relatório do Lighthouse lista todas as imagens fora da tela ou ocultas na sua página, além da 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 até a interação:
Consulte também o codelab de carregamento lento de imagens fora da tela com lazysizes.
Orientações específicas para a pilha
AMP
Carregar imagens lentamente com amp-img.
Consulte o guia Imagens.
Drupal
Configure o carregamento lento de imagens no Drupal. Os formatadores de campo de imagens podem usar carregamentos 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 pode ser ativado usando o plug-in "Conteúdo - Imagens de Carregamento Lento". Use também um plug-in AMP.
Magento
Considere modificar 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 permita adiar imagens fora da tela ou mude para um tema que ofereça essa funcionalidade. Também recomendamos o uso do plug-in de AMP.