Lazy loading de imagens—Melhore o carregamento da página 2026
Novo2026-02-011 min leitura1 ferramenta
Carregue imagens apenas quando necessário. Reduza o carregamento inicial. Guia para desenvolvedores.
O que é lazy loading?
Imagens carregam apenas quando entram no viewport. Reduz tempo de carregamento inicial e uso de dados.
Implementação
Adicione loading="lazy" às tags img. Navegadores modernos suportam nativamente. Não requer JavaScript.
Frequently Asked Questions
- Lazy loading afeta o SEO?
- Não negativamente. O Google recomenda lazy loading para imagens abaixo da dobra. Use loading="lazy" em imagens que não são críticas para o LCP. A imagem principal (hero) deve carregar imediatamente—não use lazy nela.