O título da página aparece e a foto principal demora a chegar. Antes de trocar a imagem ou refazer o site, vale conferir se ela recebeu uma regra de carregamento adiado.
O lazy loading foi pensado para adiar imagens que ainda estão longe da área visível. A orientação do web.dev é evitar essa regra nas imagens que provavelmente já aparecem na primeira tela, especialmente na imagem principal do carregamento.
A posição da imagem muda a prioridade da revisão
A documentação do web.dev recomenda carregar normalmente as imagens visíveis ao abrir a página. Adiar uma imagem importante pode acrescentar espera ao conteúdo que o visitante precisa ver logo.
Isso não significa retirar o carregamento adiado de todas as imagens. Uma galeria mais abaixo tem outro papel. A revisão começa identificando quais imagens entram na primeira tela em cada tamanho de aparelho.
Referências: [1]
Eager e lazy orientam o navegador
A MDN descreve o atributo loading da imagem: eager indica carregamento normal, enquanto lazy permite adiar a busca conforme a proximidade da área visível.
Trocar o atributo não torna um arquivo pesado automaticamente leve. Tamanho, formato e origem do arquivo continuam sendo pontos de investigação. Se a imagem for um fundo em CSS, a revisão precisa considerar esse tipo de implementação, em vez de supor que o atributo de img se aplica.
Meça antes e depois na mesma página
Peça uma conferência técnica com condições comparáveis:
- Identifique a imagem que aparece na abertura pelo celular e pelo computador.
- Confira no conteúdo servido se há uma regra de carregamento adiado.
- Observe quando a imagem é solicitada e quando fica visível.
- Compare a mesma página antes e depois do ajuste, sem mudar vários fatores ao mesmo tempo.
- Verifique se o espaço da imagem está reservado e se o conteúdo continua estável.
Minha recomendação: corrija a regra da imagem certa
Eu começaria pela imagem que ajuda a explicar a oferta na abertura. Se ela foi adiada por uma configuração aplicada a tudo, revisaria essa exceção antes de retirar recursos úteis do restante da página.
A melhora precisa aparecer na medição e na experiência real. Um atributo ajustado não comprova que a página ficou rápida, nem garante posição na busca. Continue investigando se a imagem ainda chega depois do conteúdo necessário.
Fontes e referências
Referências consultadas em 30 out. 2026. Recursos e condições podem mudar.
Conteúdo produzido com apoio de inteligência artificial e aprovado para publicação. Os exemplos são ilustrativos; não representam testes próprios ou resultados de clientes. Conheça a política editorial.
