O que é Core Web Vitals: guia completo de LCP, INP e CLS

Seu site pode ter o melhor conteúdo do nicho e ainda perder posições no Google para um concorrente com uma página mais rápida, mais estável e mais responsiva. É exatamente isso que os Core Web Vitals medem — e é por isso que ignorá-los tem um custo real de SEO.

Neste guia você vai entender o que são as três métricas que compõem os Core Web Vitals, por que o Google criou esse padrão, quais são os valores considerados bons, como medir o seu site e, principalmente, o que fazer na prática para melhorar cada uma delas.

O que são Core Web Vitals

Core Web Vitals é um conjunto de métricas criado pelo Google para quantificar, de forma objetiva, a experiência real que um usuário tem ao navegar em uma página: o quanto ela demora para carregar o conteúdo principal, o quanto responde rápido às interações e o quanto os elementos da tela permanecem estáveis enquanto carregam.

Elas fazem parte de um grupo maior de sinais chamado "Page Experience" (experiência de página), que o Google leva em conta no ranqueamento dos resultados de busca — ao lado de fatores como compatibilidade mobile, uso de HTTPS e ausência de anúncios intrusivos.

Atualmente, os Core Web Vitals são compostos por três métricas:

• LCP (Largest Contentful Paint): velocidade de carregamento
• INP (Interaction to Next Paint): responsividade a interações
• CLS (Cumulative Layout Shift): estabilidade visual

Essas métricas fazem parte da estratégia de SEO técnico de qualquer site que queira competir de forma consistente nos resultados orgânicos.

LCP: Largest Contentful Paint

O LCP mede quanto tempo leva para o maior elemento visível dentro da área de tela do usuário (viewport) terminar de carregar. Geralmente esse elemento é uma imagem de destaque, um vídeo de capa ou um grande bloco de texto no topo da página.

Na prática, o LCP responde à pergunta: "quanto tempo o usuário espera até sentir que a página realmente carregou?". Um LCP alto passa a sensação de site lento, mesmo que outros elementos menores já tenham carregado antes.

Principais causas de LCP alto:

• Servidor lento para responder à requisição inicial (TTFB alto)
• Imagens ou vídeos de destaque não otimizados ou sem compressão adequada
• CSS ou JavaScript que bloqueiam a renderização antes do conteúdo principal aparecer
• Ausência de cache ou CDN para entregar recursos estáticos
• Fontes customizadas que atrasam a exibição do texto

INP: Interaction to Next Paint

O INP substituiu oficialmente o FID (First Input Delay) em março de 2024 como métrica de interatividade dos Core Web Vitals. Ele mede a latência de todas as interações do usuário durante a visita à página — cliques, toques e teclas — do momento da interação até o momento em que a tela responde visualmente.

A diferença em relação ao antigo FID é importante: enquanto o FID media apenas o atraso da primeira interação, o INP considera a responsividade ao longo de toda a sessão do usuário na página, o que dá um retrato muito mais realista da experiência.

Principais causas de INP alto:

• JavaScript pesado bloqueando a thread principal do navegador
• Excesso de listeners de evento executando lógica complexa a cada clique ou toque
• Bibliotecas de terceiros (chats, pixels de anúncio, analytics) competindo por processamento
• Componentes que re-renderizam a página inteira a cada pequena interação

CLS: Cumulative Layout Shift

O CLS mede o quanto os elementos visuais da página se deslocam de forma inesperada enquanto ela carrega. É aquela experiência frustrante de tentar clicar em um botão e, no último instante, um banner carrega acima dele e você acaba clicando em outra coisa.

O cálculo do CLS combina o tamanho da área afetada pelo deslocamento com a distância que os elementos se moveram, gerando uma pontuação sem unidade — quanto mais próxima de zero, melhor.

Principais causas de CLS alto:

• Imagens e vídeos sem dimensões (width/height) definidas no HTML
• Anúncios, embeds ou iframes injetados dinamicamente sem espaço reservado
• Fontes customizadas que trocam de estilo depois do carregamento (FOIT/FOUT)
• Conteúdo injetado via JavaScript acima de elementos já existentes na tela

Como medir os Core Web Vitals do seu site

Existem várias ferramentas gratuitas do próprio Google para acompanhar essas métricas, cada uma com um propósito diferente:

• Google PageSpeed Insights (pagespeed.web.dev): mostra tanto dados de campo (experiência real de usuários, via Chrome UX Report) quanto dados de laboratório (simulação via Lighthouse), com recomendações específicas de melhoria para cada métrica.
• Relatório de Core Web Vitals no Google Search Console: agrupa URLs por status (Bom, Precisa melhorar, Ruim) usando dados reais de campo, permitindo priorizar os grupos de páginas com mais impacto. Veja mais no nosso guia sobre Google Search Console.
• Lighthouse (Chrome DevTools): gera uma auditoria completa de performance em ambiente controlado, útil para testar mudanças antes de publicá-las em produção.
• Extensão Web Vitals do Chrome: exibe as métricas em tempo real enquanto você navega, direto na barra de ferramentas do navegador.

É importante entender a diferença entre dados de campo (o que usuários reais experimentaram, coletado pelo Chrome UX Report) e dados de laboratório (simulações controladas). O Google usa os dados de campo para ranqueamento — os dados de laboratório servem principalmente para diagnóstico técnico durante o desenvolvimento.

Como melhorar cada métrica na prática

Otimizando o LCP

• Comprima e sirva imagens em formatos modernos (WebP ou AVIF)
• Use um CDN para reduzir a latência de entrega de recursos estáticos
• Aplique preload no recurso que compõe o LCP (geralmente a imagem principal)
• Elimine CSS e JavaScript que bloqueiam a renderização inicial
• Reduza o tempo de resposta do servidor (TTFB) com cache e hospedagem adequada

Otimizando o INP

• Divida tarefas longas de JavaScript em blocos menores (code splitting)
• Adie o carregamento de scripts de terceiros não essenciais
• Use debounce em interações que disparam lógica pesada repetidamente
• Evite manipulação excessiva do DOM a cada interação do usuário

Otimizando o CLS

• Sempre defina width e height (ou aspect-ratio) em imagens e vídeos
• Reserve espaço fixo para anúncios, embeds e conteúdo carregado dinamicamente
• Use font-display: optional ou pré-carregue fontes customizadas para evitar troca de estilo
• Evite inserir novo conteúdo acima do que o usuário já está vendo, exceto em resposta a uma interação

Core Web Vitals e ranqueamento: qual o peso real

É importante ter expectativas realistas: os Core Web Vitals são um fator de ranqueamento, mas com peso bem menor do que relevância de conteúdo, autoridade de domínio e correspondência com a intenção de busca. O próprio Google já afirmou publicamente que um conteúdo excelente com Core Web Vitals ruins ainda pode superar um conteúdo mediano com Core Web Vitals perfeitos.

Na prática, os Core Web Vitals funcionam mais como um desempate: entre duas páginas com relevância parecida para uma busca, a que oferece melhor experiência técnica tende a levar vantagem. Além disso, uma boa experiência de página reduz a taxa de rejeição e aumenta conversões — o que indiretamente também beneficia o SEO ao longo do tempo.

Acompanhando a evolução dos Core Web Vitals ao longo do tempo

Otimizar Core Web Vitals não é uma tarefa única — é um processo contínuo. Mudanças no site (novo tema, novo plugin, novo script de terceiros) podem degradar as métricas sem aviso. Por isso, o ideal é revisar o relatório de Core Web Vitals no Search Console periodicamente e sempre que uma mudança significativa for publicada no site.

Da mesma forma que acompanhar a posição de palavras-chave é essencial para saber se o conteúdo está performando, acompanhar Core Web Vitals é essencial para saber se a experiência técnica do site está se mantendo saudável. Combinar as duas frentes — um rank tracker para posições e o Search Console para experiência de página — dá uma visão completa dos dois principais eixos do SEO moderno: conteúdo e performance técnica.

Conclusão

Core Web Vitals não é apenas mais um jargão técnico de SEO — é a forma como o Google quantifica algo que todo usuário já sente na pele: se um site é rápido, responsivo e estável, ou se é frustrante de usar.

Medir o LCP, o INP e o CLS do seu site regularmente, entender suas causas e aplicar as otimizações certas é um investimento de SEO técnico que raramente decepciona: melhora a experiência do usuário, reduz a taxa de rejeição e ainda contribui, mesmo que de forma moderada, para o ranqueamento nos resultados de busca.