A performance do seu site não é mais apenas uma questão de experiência do usuário — é um fator direto de ranking no Google. Com a atualização de dezembro de 2025, o Google reforçou que sites com Core Web Vitals ruins podem perder posições significativas nas SERPs, especialmente em mobile-first indexing.
Se você gerencia um site B2B e está perdendo tráfego orgânico, a causa pode estar nas suas métricas de performance. Um estudo recente mostrou que cada segundo de atraso no carregamento reduz conversões em 7%. Para empresas B2B com ciclos de venda longos, isso significa leads perdidos antes mesmo de conhecerem sua proposta de valor.
Resumo Executivo: Core Web Vitals são três métricas que medem carregamento (LCP ≤ 2.5s), interatividade (INP ≤ 200ms) e estabilidade visual (CLS ≤ 0.1). Sites que não atingem esses benchmarks podem sofrer penalizações no ranking do Google.
O Que São Core Web Vitals?
Core Web Vitals são um conjunto de métricas que o Google utiliza para avaliar a experiência real do usuário em três dimensões fundamentais: velocidade de carregamento, responsividade e estabilidade visual. Introduzidas em 2020 e incorporadas como fator de ranking em 2021, essas métricas representam a visão do Google sobre o que constitui uma boa experiência na web.
Diferente de métricas tradicionais que medem apenas o tempo de carregamento total, Core Web Vitals focam na percepção do usuário. Não importa se seu servidor responde em 100ms se o usuário precisa esperar 5 segundos para ver o conteúdo principal ou se o layout "pula" enquanto elementos carregam.
| Métrica | O Que Mede | Bom | Precisa Melhorar | Ruim |
|---|---|---|---|---|
| LCP | Carregamento | ≤ 2.5s | 2.5s - 4.0s | > 4.0s |
| INP | Interatividade | ≤ 200ms | 200ms - 500ms | > 500ms |
| CLS | Estabilidade | ≤ 0.1 | 0.1 - 0.25 | > 0.25 |
Essas métricas são coletadas de usuários reais através do Chrome User Experience Report (CrUX), o que significa que o Google avalia seu site com base em dados de campo, não apenas testes de laboratório. Isso torna a otimização mais desafiadora, mas também mais representativa da experiência real dos seus visitantes.
LCP (Largest Contentful Paint): Velocidade de Carregamento
O LCP mede o tempo que leva para o maior elemento visível da página ser renderizado. Esse elemento geralmente é uma imagem hero, um vídeo de fundo ou um bloco de texto grande. O benchmark para 2025 é claro: seu LCP deve ocorrer em até 2.5 segundos após o início do carregamento.
Para sites B2B, o LCP é particularmente crítico porque a primeira impressão determina se o visitante continuará explorando ou abandonará a página. Estudos mostram que 53% dos usuários mobile abandonam sites que demoram mais de 3 segundos para carregar.
Causas Comuns de LCP Ruim
Tempo de Resposta do Servidor (TTFB) Lento
Servidores lentos ou sem CDN atrasam o início do carregamento.
Imagens Não Otimizadas
Imagens grandes sem compressão ou formato moderno (WebP/AVIF).
Recursos Bloqueadores de Renderização
CSS e JavaScript que impedem a renderização do conteúdo.
Carregamento Tardio de Fontes
Fontes web que atrasam a exibição do texto principal.
Como Otimizar o LCP
Otimize o TTFB para menos de 500ms
Use CDN, cache no servidor e considere edge computing para reduzir latência.
Converta imagens para WebP ou AVIF
Formatos modernos reduzem o tamanho em até 30% sem perda de qualidade.
Preload de recursos críticos
Use <link rel="preload"> para imagens hero, fontes e CSS crítico.
Inline CSS crítico
Inclua CSS above-the-fold diretamente no HTML para evitar bloqueio de renderização.
INP (Interaction to Next Paint): Responsividade
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, oferecendo uma visão mais completa da responsividade do site.
Para sites B2B com formulários complexos, calculadoras de ROI ou configuradores de produto, o INP é especialmente importante. Cada clique, toque ou tecla pressionada deve resultar em feedback visual em até 200 milissegundos para ser considerado "bom".
Por que o INP substituiu o FID? O FID media apenas a primeira interação, ignorando problemas de responsividade que ocorriam depois. O INP captura a pior interação da sessão (percentil 75), garantindo que todo o site seja responsivo, não apenas o primeiro clique.
Causas Comuns de INP Ruim
JavaScript Pesado no Thread Principal
Scripts que bloqueiam a thread principal por mais de 50ms.
Event Handlers Lentos
Funções de clique ou scroll que executam operações pesadas.
Renderização Excessiva
Re-renders desnecessários em frameworks como React.
Third-Party Scripts
Analytics, chat widgets e ads que competem por recursos.
Como Otimizar o INP
Quebre tarefas longas em chunks menores
Use requestIdleCallback ou setTimeout para dividir operações pesadas.
Use event listeners passivos
Adicione { passive: true } em listeners de scroll e touch.
Defer scripts não críticos
Carregue analytics e third-party scripts após a interação inicial.
Otimize renderização em React/Vue
Use memo, useMemo e useCallback para evitar re-renders desnecessários.
CLS (Cumulative Layout Shift): Estabilidade Visual
O CLS mede a quantidade de mudanças inesperadas no layout da página. Sabe quando você está prestes a clicar em um botão e o layout "pula", fazendo você clicar em outro elemento? Isso é exatamente o que o CLS penaliza. O benchmark é manter o CLS abaixo de 0.1.
Para sites B2B, o CLS é crítico em páginas com formulários e CTAs. Um layout instável pode fazer o usuário clicar no botão errado ou abandonar o formulário por frustração. Além disso, CLS ruim afeta a percepção de profissionalismo e confiabilidade da marca.
Causas Comuns de CLS Ruim
Imagens sem Dimensões Definidas
Imagens que carregam sem width/height reservam espaço depois.
Anúncios e Embeds Dinâmicos
Ads que carregam tardiamente empurram o conteúdo.
Fontes Web sem FOUT/FOIT
Fontes que causam flash de texto invisível ou não estilizado.
Conteúdo Injetado Dinamicamente
Banners, notificações ou CTAs inseridos após o carregamento.
Como Otimizar o CLS
Sempre defina width e height em imagens
Use atributos ou CSS aspect-ratio para reservar espaço antes do carregamento.
Reserve espaço para ads e embeds
Use containers com tamanho fixo para elementos dinâmicos.
Use font-display: swap com preload
Preload de fontes críticas evita flash de texto e mudanças de layout.
Use skeleton screens
Placeholders animados mantêm o layout estável enquanto o conteúdo carrega.
Ferramentas para Medir Core Web Vitals
Existem duas categorias de ferramentas para medir Core Web Vitals: dados de campo (real user monitoring) e dados de laboratório (testes sintéticos). O Google prioriza dados de campo para ranking, mas dados de laboratório são essenciais para diagnóstico e debugging.
Dados de Campo (RUM)
- Google Search Console - Relatório Core Web Vitals
- PageSpeed Insights - Seção "Field Data"
- CrUX Dashboard - Chrome User Experience Report
Dados de Laboratório
- Lighthouse - Auditoria completa de performance
- Chrome DevTools - Performance tab
- WebPageTest - Testes detalhados multi-localização
Recomendamos monitorar Core Web Vitals continuamente usando ferramentas de RUM (Real User Monitoring) e realizar auditorias mensais com Lighthouse para identificar regressões. Para sites B2B com tráfego significativo, considere ferramentas como DebugBear ou SpeedCurve para alertas automáticos.
Impacto dos Core Web Vitals no SEO em 2025
O Google confirmou que Core Web Vitals são fatores de ranking desde 2021, e a atualização de dezembro de 2025 reforçou essa importância. Sites com boas métricas tendem a rankear melhor, especialmente em buscas mobile onde a experiência do usuário é ainda mais crítica.
Entretanto, é importante contextualizar: Core Web Vitals são um fator entre centenas no algoritmo do Google. Conteúdo relevante e backlinks de qualidade ainda são mais importantes. Porém, entre dois sites com conteúdo similar, aquele com melhor performance terá vantagem.
Estatísticas de Impacto
- 1 segundo de atraso no LCP reduz conversões em 7%
- 53% dos usuários mobile abandonam sites que demoram mais de 3 segundos
- Sites com CLS ruim têm taxa de rejeição 24% maior
- Melhorar Core Web Vitals pode aumentar tráfego orgânico em até 15%
Perguntas Frequentes sobre Core Web Vitals
Precisa de Ajuda com Core Web Vitals?
Nossa equipe de especialistas pode auditar seu site, identificar problemas de performance e implementar otimizações que melhoram suas métricas e ranking no Google.