Core Web Vitals: Performance é Receita

Performance web não é mais apenas uma questão de "experiência do usuário" ou vaidade de desenvolvedor. É uma métrica financeira direta. Estudos da Amazon, Google e Walmart mostram consistentemente uma correlação linear: latência mata a conversão.

O Custo do JavaScript

A web moderna ficou obesa. Frameworks JavaScript trouxeram interatividade, mas a um custo alto. O navegador do usuário (especialmente em mobile) precisa baixar, parsear, compilar e executar megabytes de JS antes que a página se torne interativa.

Isso cria o temido "Uncanny Valley" da web: você vê o botão, clica nele, e nada acontece por 2 segundos porque a main thread está bloqueada hidratando componentes.

INP: A Nova Métrica Rainha (Interaction to Next Paint)

Em março de 2024, o Google substituiu oficialmente o FID (First Input Delay) pelo INP como Core Web Vital. Isso mudou o jogo.

• FID media apenas o atraso da primeira interação.
• INP mede a latência de todas as interações durante toda a vida da página.

Isso significa que aquele menu hambúrguer que engasga, aquele filtro de produto que demora para atualizar, ou aquele accordion que trava a animação agora estão penalizando diretamente seu ranking no Google.

Estratégias de Otimização Radical

Para atingir pontuações perfeitas (90+) no Lighthouse e passar nos Core Web Vitals em 2026, precisamos adotar arquiteturas modernas:

1. React Server Components (RSC)

A grande revolução do Next.js (App Router). Movemos a lógica pesada para o servidor. O componente é renderizado no backend e envia apenas HTML puro (ou um JSON leve) para o cliente. Zero JavaScript de hidratação para componentes estáticos.

2. Streaming SSR & Suspense

Não espere a página inteira ficar pronta. Envie o cabeçalho imediatamente. Envie o conteúdo principal assim que o banco de dados responder. Envie os comentários depois. O usuário vê progresso constante, o que reduz a percepção de lentidão.