Core Web Vitals são as métricas que o Google utiliza para avaliar a experiência real do usuário no seu site. Em 2025, com benchmarks mais rigorosos e a substituição definitiva do FID pelo INP, dominar essas métricas deixou de ser opcional para qualquer estratégia de SEO B2B que busca resultados consistentes.
Se o seu site demora para carregar, trava ao clicar em botões ou tem elementos que "pulam" durante o carregamento, você está perdendo posições no Google e, mais importante, perdendo conversões. Este guia apresenta um framework prático para diagnosticar e corrigir cada métrica.
Core Web Vitals são um conjunto de três métricas que o Google utiliza para avaliar a experiência real do usuário em três dimensões fundamentais: velocidade de carregamento (LCP), responsividade (INP) e estabilidade visual (CLS). Desde 2021, essas métricas fazem parte dos fatores de rankeamento do Google.
O impacto vai além do SEO. Estudos da Google mostram que sites que atendem aos benchmarks de Core Web Vitals têm taxas de rejeição 24% menores e taxas de conversão significativamente maiores. Para empresas B2B, onde o ciclo de vendas é longo e cada lead qualificado conta, essa diferença pode representar milhares de reais em receita.
O LCP mede o tempo que leva para o maior elemento visível da página ser renderizado completamente. Esse elemento geralmente é uma imagem hero, um vídeo de fundo ou um bloco de texto principal. O benchmark para 2025 é claro: seu LCP deve ocorrer em até 2.5 segundos. Entre 2.5s e 4s é considerado "precisa melhorar", e acima de 4s é classificado como "ruim".
Os principais vilões do LCP incluem imagens não otimizadas (especialmente em formato PNG ou JPEG sem compressão), fontes web que bloqueiam a renderização, JavaScript pesado que atrasa o carregamento e servidores lentos com alto TTFB (Time to First Byte). Nossa auditoria técnica de SEO identifica exatamente quais elementos estão prejudicando seu LCP.
O INP substituiu o FID (First Input Delay) em março de 2024 como a métrica oficial de interatividade. Enquanto o FID media apenas a primeira interação, o INP avalia todas as interações do usuário durante a sessão e reporta o pior caso. Isso significa que um único botão travado pode prejudicar toda a sua pontuação.
O benchmark é manter o INP abaixo de 200ms. Acima de 500ms é considerado ruim. Os problemas mais comuns incluem JavaScript de terceiros (analytics, chat widgets, pixels de remarketing), event handlers pesados e falta de debouncing em inputs.
O CLS mede a quantidade de mudanças inesperadas no layout da página durante o carregamento. Sabe quando você vai clicar em um botão e, de repente, uma imagem carrega e empurra tudo para baixo? Isso é layout shift, e frustra profundamente os usuários.
O benchmark é manter o CLS abaixo de 0.1. Acima de 0.25 é considerado ruim. As causas mais frequentes são imagens sem dimensões definidas (width/height), anúncios e embeds que carregam tardiamente, fontes web que causam FOUT (Flash of Unstyled Text) e conteúdo dinâmico injetado acima do viewport.
Antes de otimizar, você precisa medir. Existem dois tipos de dados: dados de laboratório (simulados) e dados de campo (usuários reais). O Google prioriza dados de campo para rankeamento, mas dados de laboratório são essenciais para debugging.
As ferramentas essenciais incluem o Google Search Console (relatório Core Web Vitals com dados de campo), PageSpeed Insights (combina dados de campo e laboratório), Chrome DevTools (aba Performance para análise detalhada) e Web Vitals Extension (monitoramento em tempo real durante navegação).
A primeira e mais impactante técnica é a otimização de imagens. Converta todas as imagens para WebP ou AVIF (economia de 25-50% no tamanho), defina width e height explícitos, use srcset para servir tamanhos diferentes por viewport e implemente lazy loading para imagens abaixo da dobra.
A segunda técnica é o preload de recursos críticos. Adicione <link rel="preload"> para a imagem LCP, fontes principais e CSS crítico. Isso instrui o navegador a priorizar esses recursos antes mesmo de analisar o HTML completo.
Terceiro, implemente CSS crítico inline. Extraia o CSS necessário para renderizar o conteúdo acima da dobra e insira-o diretamente no <head>. O restante do CSS pode ser carregado de forma assíncrona.
Quarto, otimize a entrega de fontes. Use font-display: swap para evitar texto invisível, faça preconnect aos servidores de fontes (como fonts.googleapis.com) e considere hospedar fontes localmente para eliminar requisições externas.
Por fim, reduza o TTFB com um CDN de qualidade, cache de página em borda e otimização de queries de banco de dados no backend.
O INP é frequentemente o mais difícil de otimizar porque envolve JavaScript. A estratégia principal é quebrar tarefas longas (Long Tasks) em chunks menores. Qualquer tarefa que bloqueia a thread principal por mais de 50ms prejudica o INP.
Use requestIdleCallback ou setTimeout para adiar trabalho não-crítico. Implemente debouncing em inputs de busca e filtros. Carregue scripts de terceiros de forma assíncrona ou adiada (async/defer). Considere Web Workers para processamento pesado que não precisa acessar o DOM.
A regra de ouro do CLS é simples: reserve espaço para tudo que carrega tardiamente. Defina width e height em todas as imagens e vídeos. Use aspect-ratio no CSS para containers de mídia. Crie placeholders com as dimensões corretas para embeds e anúncios.
Para fontes, use font-display: optional (que não causa layout shift) ou garanta que a fonte fallback tenha métricas similares à fonte principal. Evite injetar conteúdo acima do viewport atual do usuário.
Aplique isso no seu negócio
Quer saber como implementar essas estratégias na prática? Nossa equipe analisa seu site gratuitamente e monta um plano de ação personalizado.
Um cliente do setor de equipamentos industriais chegou com LCP de 5.2s, INP de 380ms e CLS de 0.32. Após 6 semanas de otimização, os resultados foram transformadores.
As principais intervenções incluíram conversão de 847 imagens para WebP (economia de 62% em bytes), implementação de lazy loading com Intersection Observer, remoção de 3 scripts de terceiros não-essenciais, preload da imagem hero e fonte principal, e reserva de espaço para todos os elementos dinâmicos.
Os resultados: LCP caiu para 1.8s (melhoria de 65%), INP reduziu para 145ms (melhoria de 62%), CLS chegou a 0.04 (melhoria de 87%). O impacto no negócio? Taxa de conversão subiu 31% no mês seguinte, com ticket médio de R$ 28.000. Veja mais cases de sucesso da MarkSaint.
Sim, Core Web Vitals são um fator de rankeamento confirmado desde 2021. No entanto, o Google deixa claro que conteúdo relevante ainda é o fator mais importante. Core Web Vitals funcionam como um "desempate" entre páginas com conteúdo similar. Se seu concorrente tem conteúdo equivalente mas Core Web Vitals melhores, ele provavelmente rankeará acima.
O Google coleta dados de campo ao longo de 28 dias (rolling average). Após implementar melhorias, você precisa esperar pelo menos 28 dias para que os novos dados substituam os antigos no CrUX (Chrome User Experience Report). Na prática, melhorias de ranking podem levar de 1 a 3 meses para se manifestar.
PageSpeed Insights usa dados de laboratório (simulados) e dados de campo (usuários reais). O Search Console usa apenas dados de campo. Se seus usuários reais têm conexões lentas ou dispositivos antigos, a experiência deles será pior que a simulação de laboratório. Sempre priorize os dados de campo.
Audite todos os scripts de terceiros e questione se cada um é realmente necessário. Para os essenciais, carregue-os de forma assíncrona (async) ou adiada (defer). Considere usar um tag manager para controlar quando e como cada script é carregado. Para analytics, avalie alternativas mais leves como Plausible ou Fathom.
Core Web Vitals são apenas uma parte da equação de SEO técnico. Se você identificou problemas no seu site mas não sabe por onde começar, a MarkSaint oferece um diagnóstico técnico gratuito que analisa performance, indexação e oportunidades de palavras-chave no seu segmento.
Nossa metodologia de auditoria técnica vai além das métricas superficiais. Identificamos a causa raiz de cada problema e priorizamos correções pelo impacto potencial no seu negócio. Solicite seu diagnóstico gratuito e descubra quanto tráfego e receita você está deixando na mesa.
