Guia de Otimização Final

✅ Hero image já convertida para WebP com fallback JPEG

✅ srcSet implementado com 3 breakpoints (640w, 1024w, 1920w)

✅ Loading="lazy" em todas imagens abaixo da dobra

✅ Todas as imagens têm width/height definidos (evita CLS)

✅ Compressão com q=75 em URLs de imagem

✅ Cache-Control: public, max-age=3600 adicionado

⚠️ Configurar no servidor: add_header Cache-Control "public, max-age=31536000, immutable"

⚠️ Recomendação: usar Cloudflare para cache automático

✅ Hero image e logo pré-carregados

✅ DNS prefetch para Unsplash e Supabase

✅ Google Fonts CSS pré-buscado

✅ Hero image otimizada para LCP < 2.5s

Estratégia:

• Hero image pré-carregada com fetchPriority="high"
• Gradient overlay não afeta LCP
• Sem vídeos no topo (apenas imagem)

✅ CLS otimizado com aspect-ratio

Implementações:

• aspect-ratio definido em containers de imagem
• Height calculado para evitar jumps
• Sem sliders pesados no hero

⚠️ Configurar no build: npm run build (já incluso no Vite)

⚠️ Configurar no build: tree-shaking ativado

⚠️ React.lazy() já implementado nas páginas