Core Web Vitals e INP: o que mudou e como ranquear melhor com performance

A performance web parou de ser tema de desenvolvedor e virou tema de SEO há tempos. Mas com a substituição do FID pelo INP em março de 2026, e com as mudanças de threshold ao longo de 2026, muito site que estava verde voltou para o vermelho sem que ninguém percebesse.

Quem ignora isso em 2026 perde posição para concorrentes igualmente otimizados em conteúdo, mas mais rápidos.

As três métricas atuais

• **LCP (Largest Contentful Paint)**: tempo até o maior elemento aparecer. Bom: até 2,5s.
• **INP (Interaction to Next Paint)**: latência da interação mais lenta da sessão. Bom: até 200ms.
• **CLS (Cumulative Layout Shift)**: quanto o layout pula durante o carregamento. Bom: até 0,1.

INP é a métrica que pegou todo mundo de surpresa. Ela mede a pior interação do usuário, não a primeira. Sites com muito JavaScript de terceiros (chat, pixel, analytics, A/B test) frequentemente passam de 500ms.

O peso real no ranking

O Google sempre disse que Core Web Vitals é "tiebreaker", não fator forte. Na prática, em queries competitivas, é exatamente isso que decide. Estudo da BrightEdge em 2026 com 1,2 milhão de URLs mostrou:

• Sites com 3 vitais verdes têm 23% mais chance de estar no top 3
• Páginas que caíram para INP "ruim" perderam em média 18% de tráfego orgânico em 90 dias
• Mobile pesa 4x mais que desktop na avaliação

Os culpados mais comuns em 2026

Causas frequentes de INP ruim:

• Scripts de chat (Intercom, Crisp, Tawk.to) carregando síncrono
• Pixel de Meta e GA4 sem defer
• A/B testing client-side (Optimizely, VWO)
• Hydration pesada de SPAs React/Vue
• Bibliotecas de animação (GSAP, Lottie) carregadas no header

Causas frequentes de LCP ruim:

• Imagem hero sem priority/preload
• Fontes web sem font-display: swap
• CSS crítico não inline
• Servidor lento (TTFB acima de 600ms)
• Imagens em formato antigo (JPG/PNG vs WebP/AVIF)

Causas frequentes de CLS ruim:

• Imagens sem width/height
• Anúncios injetados acima do conteúdo
• Fonts swap sem fallback dimensionado
• Conteúdo dinâmico empurrando o layout

O caminho de otimização ordenado

Em 90% dos sites, esse roteiro resolve:

• Audite com PageSpeed Insights (dados de campo, não de lab)
• Identifique os 3 piores assets/scripts
• Mova scripts não críticos para defer ou async
• Carregue chat e pixel com lazy/intersection observer
• Converta imagens para WebP/AVIF
• Adicione fetchpriority=high na imagem hero
• Pré-conecte domínios de terceiros (preconnect)
• Inline o CSS crítico
• Habilite cache agressivo (1 ano para asset estático)
• Use CDN edge (Cloudflare, Fastly, Vercel Edge)

Frameworks modernos: cuidado com SPA

React/Next/Nuxt sem cuidado entregam INP ruim por padrão. Em 2026 a regra é:

• Renderização server-side ou static onde possível
• Hydration parcial ou ilhas de interatividade (Astro, Qwik)
• Code splitting agressivo por rota
• Bundle inicial abaixo de 170kb gzipped

Se sua aplicação ultrapassa 500kb gzipped no bundle inicial, INP vai sofrer.

Como medir corretamente

Dois ambientes:

• **Lab data**: Lighthouse, PageSpeed Insights (lab). Útil para diagnóstico, mas não é o que o Google usa pra ranquear.
• **Field data**: CrUX (Chrome User Experience Report). É o que entra no algoritmo. Reflete usuários reais nos últimos 28 dias.

Foque no field. Lab que mostra 95 mas field em 60 não move ranking.

O custo de adiar

Reescrever performance depois que o site cresceu é cinco vezes mais caro do que fazer certo desde o início. Em projetos legados, a estratégia melhor é refator incremental: a cada sprint, derrubar uma métrica. Em 4 a 6 meses, todos os vitais ficam verdes sem rebuild completo.

Para quem precisa de auditoria com priorização técnica e plano de execução semanal, esse é o tipo de trabalho que uma agência SEO Brasil entrega como serviço estruturado, frequentemente em parceria com o time de desenvolvimento do cliente.

Checklist final pra hoje

• Rode PageSpeed em mobile na sua home e em 3 páginas internas
• Anote LCP, INP e CLS de campo (não lab)
• Liste os 3 itens com maior peso para corrigir
• Crie um card no backlog técnico por item
• Acompanhe mensalmente no Search Console > Core Web Vitals

Ranqueamento em 2026 é conteúdo certo entregue rápido. Você pode ter o melhor texto do nicho — se a página trava, perde para o segundo lugar.