Performance
Core Web Vitals: como performance influencia descoberta e receita
Entenda LCP, INP e CLS sem jargão e priorize correções que melhoram experiência, SEO e conversão.
Leitura executiva
Principais conclusões
- Otimize primeiro o elemento que realmente determina o LCP.
- Reduza JavaScript de cliente para proteger INP e bateria.
- Reserve espaço para imagens, anúncios e conteúdo assíncrono.
- Valide laboratório e dados reais de usuários separadamente.
Core Web Vitals são métricas de experiência definidas para representar carregamento, resposta e estabilidade. Elas ajudam a localizar atritos técnicos, mas não substituem a análise da jornada, da mensagem ou da oferta.
LCP: quando o conteúdo principal fica visível
Largest Contentful Paint mede quanto tempo o maior elemento no viewport leva para aparecer. Em muitas páginas esse elemento é uma imagem hero, um título grande ou um bloco de conteúdo.
As correções de maior impacto normalmente incluem:
- reduzir o tempo de resposta do documento;
- descobrir e priorizar o recurso de LCP cedo;
- servir a imagem no tamanho e formato corretos;
- evitar que CSS ou JavaScript bloqueiem a renderização.
INP: quanto a interface demora para responder
Interaction to Next Paint observa interações ao longo da visita. Muito JavaScript, tarefas longas e componentes que renderizam trabalho desnecessário tornam a interface lenta mesmo depois que ela parece carregada.
Conteúdo editorial renderizado no servidor tem uma vantagem importante: links, texto, FAQ nativa e navegação não precisam de uma camada pesada de hidratação.
CLS: quanto a página se move sem aviso
Cumulative Layout Shift penaliza movimentos inesperados. Imagens sem dimensões, fontes que mudam a geometria do texto e blocos inseridos acima do conteúdo são causas frequentes.
Reserve dimensões, use fontes com estratégia de exibição adequada e não injete banners no início da página depois do carregamento.
Priorize por impacto e evidência
Uma auditoria útil conecta cada falha ao recurso responsável e à página afetada. Depois da correção, valide novamente em laboratório e acompanhe dados de campo. A pontuação é um sinal; a experiência real é o resultado.
Respostas diretas
Perguntas frequentes
Quais são os três Core Web Vitals atuais?
LCP mede o carregamento do maior elemento visível, INP mede a responsividade das interações e CLS mede mudanças inesperadas de layout.
Uma nota 100 no Lighthouse garante bons Core Web Vitals?
Não. Lighthouse é um teste de laboratório em condições controladas. Core Web Vitals de campo refletem usuários reais, dispositivos, redes e páginas ao longo de uma janela de medição.
Performance é fator de conversão?
Performance pode reduzir abandono e atrito, mas o impacto depende da oferta, da intenção, do dispositivo e da etapa da jornada. Meça junto com comportamento e conversão.