Lazy Loading
Lazy loading é uma técnica que adia o carregamento de imagens, vídeos ou recursos até que eles estejam próximos de aparecer na tela do usuário.
Lazy loading significa carregamento preguiçoso. A ideia é simples: em vez de carregar todos os recursos da página de uma vez, o navegador carrega primeiro o que é necessário para a visualização inicial e deixa o restante para depois.
Isso é muito útil em páginas longas, blogs, categorias de e-commerce e galerias com muitas imagens. O usuário não precisa baixar imagens do final da página antes mesmo de chegar lá.
Quando lazy loading pode atrapalhar
O erro clássico é aplicar lazy loading na imagem principal acima da dobra. Se essa imagem for o LCP, o carregamento dela será atrasado, piorando justamente uma das métricas mais importantes dos Core Web Vitals.
Como funciona na prática
- O navegador carrega inicialmente apenas recursos prioritários da área visível
- Imagens e vídeos abaixo da dobra recebem carregamento adiado
- Quando o usuário rola a página e o recurso se aproxima da tela, o carregamento é iniciado
- A página transfere menos dados no carregamento inicial
- A performance melhora quando os recursos adiados não são necessários imediatamente
Exemplo Prático
Um artigo tem 20 imagens ao longo do conteúdo. Com lazy loading, apenas as imagens próximas do topo carregam no início. As demais só são baixadas quando o leitor se aproxima delas.
Por que isso é importante?
Lazy loading importa porque reduz peso inicial da página e melhora carregamento percebido. Usado corretamente, ajuda performance mobile e economia de dados. Usado sem critério, pode piorar LCP.
Perguntas Frequentes (FAQ) sobre Lazy Loading
Lazy loading melhora SEO?
Indiretamente, sim. Ele pode melhorar performance e experiência, mas precisa ser implementado de forma que o Google consiga acessar o conteúdo e as imagens importantes.
Devo usar lazy loading em todas as imagens?
Não. Use em imagens abaixo da dobra. Imagens críticas, principalmente a imagem principal da página, geralmente devem carregar com prioridade.