Resumo Rápido (TL;DR)
Core Web Vitals são métricas que descrevem como uma página carrega, responde a interações e mantém os elementos estáveis na tela. Elas ajudam a encontrar problemas de experiência, mas não determinam sozinhas a posição de um site no Google.
Desempenho não é apenas uma nota em uma ferramenta. Uma página que demora a mostrar seu conteúdo, responde com atraso ou muda de lugar enquanto carrega pode tornar uma tarefa simples mais cansativa, especialmente no celular e em conexões instáveis.
A Busca considera muitos aspectos de uma página. Os Core Web Vitals fazem parte da avaliação de experiência, junto com conteúdo, relevância, rastreabilidade e outros sinais. Por isso, melhorar uma métrica pode ser útil para a experiência, mas não garante posições nem resultados comerciais.
As três métricas principais
As metas abaixo são referências públicas do Google para dados do percentil 75 de visualizações. Elas devem ser interpretadas junto com o contexto de cada página e do público que a acessa.
- Largest Contentful Paint (LCP): indica quando o maior elemento de conteúdo visível costuma aparecer. O parâmetro de “bom” é até 2,5 segundos.
- Interaction to Next Paint (INP): mede a resposta visual após interações, como toques, cliques ou teclado. O parâmetro de “bom” é até 200 milissegundos.
- Cumulative Layout Shift (CLS): mede deslocamentos visuais inesperados durante o carregamento. O parâmetro de “bom” é até 0,1.
Dados de campo e de laboratório
Ferramentas podem mostrar dados de campo, coletados de visitas reais quando há volume suficiente, e dados de laboratório, obtidos em uma simulação. Os dois são úteis, mas nenhum deles reproduz todas as condições de dispositivos e conexões.
Ações que costumam ajudar
O diagnóstico deve vir antes da alteração. Uma página pode estar lenta por imagens, código, servidor, fontes, scripts de terceiros ou uma combinação desses fatores.
Identificar o principal elemento de carregamento
Veja qual imagem, bloco ou fonte compõe o LCP e priorize seu carregamento sem bloquear recursos essenciais.
Definir dimensões de mídia
Informe largura e altura de imagens, vídeos e espaços reservados para reduzir deslocamentos inesperados na página.
Revisar scripts e interações
Investigue tarefas longas de JavaScript, widgets e efeitos que atrasem a resposta depois de um clique ou toque.
Medir antes e depois
Registre a página, a ferramenta, a data e as condições do teste para comparar mudanças com responsabilidade.
Uma métrica é um sinal para investigar, não uma meta isolada. A melhoria mais útil é aquela que torna a página mais clara e estável para quem realmente a visita.
Como usar os resultados de uma auditoria
Evite tratar uma ferramenta como diagnóstico definitivo. Compare páginas importantes, observe se o problema acontece em celular e desktop e priorize o que interfere em tarefas reais, como ler uma proposta, navegar entre serviços ou usar um formulário.
| Indicador | O que observar | Exemplo de investigação |
|---|---|---|
| LCP | Conteúdo principal demora a aparecer. | Verificar imagem de destaque, fonte, resposta do servidor e recursos que bloqueiam a renderização. |
| INP | A resposta visual vem com atraso depois de uma ação. | Revisar scripts, componentes pesados e integrações de terceiros. |
| CLS | Elementos se movem enquanto a página carrega. | Reservar espaço para mídia, banners e blocos inseridos depois do conteúdo inicial. |
| SEO | A presença nas buscas varia ao longo do tempo. | Avaliar conteúdo, indexação, intenção de busca e sinais técnicos em conjunto. |
Desempenho é uma rotina de manutenção
Uma melhoria pode deixar de funcionar depois de uma troca de imagem, instalação de ferramenta ou atualização de plataforma. Por isso, vale revisar páginas importantes periodicamente e registrar mudanças que alterem peso, scripts ou comportamento visual.