Estudo de Caso: Como Melhoramos os Core Web Vitals em 60% em Duas Semanas

O Antes

Um site de e-commerce Next.js, 12 mil SKUs, receita mensal de $2M. O tráfego orgânico vinha caindo há seis meses. O Google Search Console mostrava o problema: 68% das URLs na categoria de LCP "ruim".

Depois: 92% "bom" nas três métricas. Aqui está exatamente o que mudamos.

LCP: de 4.2s para 1.1s

A imagem hero de todas as páginas de produto era carregada em resolução total — 4000x4000px, 2.3MB. O slogan dizia "otimizado", mas eles usavam um CDN genérico sem conversão para WebP. Para uma análise completa de como diagnosticar e corrigir o LCP, consulte nosso guia aprofundado de LCP.

O que fizemos:

• Convertemos todas as imagens hero para WebP com 85% de qualidade
• Adicionamos fetchpriority="high" à imagem de LCP
• Implementamos tamanhos de imagem responsivos via componente de Imagem do Next.js com o atributo sizes
• Movemos o widget de avaliações de terceiros para abaixo da dobra (ele carregava 180KB de JS antes da imagem hero)

A maior vitória foi o widget de avaliações. Remover uma única tag