Principais conclusões
Um guia para otimizar imagens grandes que reduzem sua pontuação da métrica Largest Visible Part (LCP).
Foco LCP na otimização de imagem
Em muitos sites, o elemento LCP geralmente é a imagem principal (imagem principal). Se esta imagem carregar tarde, significa que seu site está lento aos olhos do Google. Melhorar sua pontuação de LCP afeta diretamente a experiência do usuário e suas classificações de pesquisa.
Estratégias de melhoria de LCP
- Pré-carregamento: Declare a imagem LCP principal para o navegador antecipadamente com
. - Formatos modernos: economize de 50 a 70% sem perder qualidade usando WebP ou AVIF em vez de JPG.
- Imagens responsivas: pare de enviar imagens enormes de desktop para usuários móveis usando
srcsetetamanhos. - Uso de CDN: reduza o atraso causado pela distância física servindo imagens de servidores de borda.
Recurso de prioridade de busca
Você pode adicionar o atributo fetchpriority="high" que vem com HTML5 às suas imagens LCP para que o navegador dê prioridade a este recurso. Este recurso é compatível com versões do Chrome 101+.
Cuidado com carregamento lento
Nunca adicione loading="lazy" à imagem LCP! Isso atrasará o carregamento da imagem, piorando sua pontuação LCP. O carregamento lento só deve ser usado para imagens abaixo da dobra.
Meta Ads e Performance
Elimine o desperdício de verba com tracking servidor CAPI e escala mensurável de ROAS
