Core Web Vitals: O Guia Prático para Melhorar a Velocidade do Seu Site e Rankear Melhor no Google

Se você gerencia um site e acompanha SEO minimamente, já esbarrou no termo Core Web Vitals. O Google utiliza essas métricas como fator de rankeamento, e ignorá-las é deixar pontos preciosos na mesa — especialmente num mercado competitivo como o brasileiro, onde usuários chegam majoritariamente por mobile com conexões que variam bastante.

A boa notícia: a maioria dos problemas que afetam essas métricas tem solução técnica clara. A má notícia: muitas empresas ainda tratam velocidade de site como detalhe estético, e não como parte central da estratégia de SEO. Esse artigo muda essa perspectiva.

O que São Core Web Vitals e Por que o Google se Importa com Isso

Core Web Vitals são três métricas definidas pelo Google para medir a experiência real do usuário ao carregar uma página. Não são métricas técnicas abstratas — elas representam percepções concretas: a página carregou rápido? Respondeu ao meu clique? Teve algum elemento que pulou na tela enquanto eu lia?

As três métricas são:

LCP — Largest Contentful Paint

Mede o tempo até o maior elemento visível da página ser renderizado. Pode ser uma imagem de destaque, um bloco de texto grande, um banner. O ideal é que isso aconteça em menos de 2,5 segundos. Entre 2,5 e 4 segundos já é considerado "precisa melhorar". Acima de 4 segundos, problemático.

No contexto brasileiro, onde parte considerável dos acessos vem de conexões móveis mais lentas, um LCP ruim é praticamente garantido se você não tomar cuidado com imagens pesadas e scripts bloqueadores.

INP — Interaction to Next Paint

Esta métrica substituiu o antigo FID (First Input Delay) e mede a responsividade geral da página a interações do usuário ao longo de toda a visita — não apenas o primeiro clique. Um INP abaixo de 200ms é considerado bom. Acima de 500ms é ruim.

Sites com muitos scripts JavaScript pesados costumam ter INP ruim porque o navegador fica ocupado processando código e demora para responder ao usuário.

CLS — Cumulative Layout Shift

Mede a instabilidade visual da página — aquela sensação irritante de clicar num botão que pulou porque um anúncio carregou em cima. O CLS ideal é abaixo de 0,1. Acima de 0,25 é ruim.

Sites que carregam anúncios de forma assíncrona sem reservar espaço na página são os maiores vilões aqui. Portanto, se você monetiza com AdSense ou redes similares, preste atenção especial nessa métrica.

Como Medir Seus Core Web Vitals Agora Mesmo

Antes de otimizar qualquer coisa, você precisa saber onde está. Existem duas fontes principais de dados:

PageSpeed Insights

A ferramenta oficial do Google (pagespeed.web.dev) combina dados de laboratório (simulação) com dados reais de campo coletados pelo Chrome User Experience Report (CrUX). Coloque a URL do seu site e veja instantaneamente onde cada métrica está. Foque primeiro nos dados de campo — eles refletem a experiência real dos seus visitantes.

Google Search Console

Dentro do Google Search Console, a seção "Experiência na Página" mostra quais URLs do seu site têm problemas de Core Web Vitals, separadas por desktop e mobile. Essa é a visão mais importante para SEO, pois é o que o Google efetivamente enxerga.

Uma dica prática: sempre corrija primeiro as páginas com maior volume de tráfego. Melhorar a home e as principais páginas de conversão tem impacto imediato, mesmo que outras páginas ainda estejam com problemas.

Técnicas Práticas para Melhorar o LCP

O LCP é geralmente o mais impactado pela infraestrutura e pelas imagens. Aqui estão as ações com maior retorno:

1. Use CDN para Seus Ativos Estáticos

Uma CDN (Content Delivery Network) distribui seus arquivos por servidores geograficamente próximos ao usuário. Para um site com público no Brasil, usar um servidor localizado nos EUA sem CDN significa latência desnecessária em cada request. Serviços como Cloudflare, BunnyCDN e Amazon CloudFront têm planos acessíveis — o Cloudflare, inclusive, tem tier gratuito robusto.

2. Otimize e Sirva Imagens no Formato Certo

Imagens são frequentemente o maior elemento da página e, portanto, determinam o LCP. As ações essenciais:

• Converta imagens para WebP ou AVIF — formatos modernos que entregam qualidade similar com arquivos significativamente menores
• Defina dimensões explícitas de width e height no HTML para evitar CLS
• Use o atributo loading="lazy" para imagens fora do viewport inicial, mas nunca no elemento LCP — ele precisa carregar imediatamente
• Use fetchpriority="high" na imagem principal acima da dobra

3. Elimine Recursos Bloqueadores de Renderização

CSS e JavaScript no <head> sem os atributos corretos bloqueiam a renderização da página. Audite quais scripts são realmente necessários no carregamento inicial e adie o resto com defer ou async. Fontes do Google Fonts também podem ser um bloqueador — considere hospedar fontes localmente.

Como Resolver Problemas de INP

O INP é a métrica mais técnica das três e frequentemente requer análise de JavaScript. O princípio básico: o thread principal do navegador precisa estar livre para responder a interações do usuário.

Identifique Scripts Pesados com o Chrome DevTools

No Chrome, abra o DevTools (F12), vá em Performance e grave uma sessão de uso do site. Na aba "Bottom-Up", você verá quais scripts consumiram mais tempo do thread principal. Tags de terceiros — pixels de rastreamento, scripts de chat, widgets de redes sociais — são frequentemente os maiores culpados.

Carregue Scripts de Terceiros de Forma Lazy

Scripts de marketing como pixels do Meta, TikTok Pixel, scripts de chat ao vivo e afins devem ser carregados apenas após a interação do usuário ou com um delay deliberado. Ferramentas como o Google Tag Manager permitem configurar triggers baseados em scroll ou tempo para adiar esses carregamentos.

Corrigindo o CLS de uma Vez por Todas

O CLS tem causas bem documentadas e soluções diretas:

Reserve Espaço para Anúncios e Embeds

Se você usa AdSense, sempre defina o tamanho mínimo do container do anúncio no CSS, mesmo antes do anúncio carregar. O mesmo vale para iframes de vídeos do YouTube — use o truque do padding-bottom para manter a proporção de aspecto.

Defina Dimensões em Todas as Imagens

Toda imagem sem width e height explícitos no HTML vai causar CLS quando carregar. Essa é uma das correções mais simples e com maior impacto. Se você usa WordPress, plugins como o Jetpack Image CDN ou a funcionalidade nativa de lazy load já lidam com isso automaticamente em versões recentes.

Evite Injetar Conteúdo Acima do Fold Dinamicamente

Banners de cookies, notificações push e barras de aviso que aparecem no topo da página após o carregamento inicial são fontes clássicas de CLS alto. Considere posicioná-los de forma que não empurrem o conteúdo existente.

WordPress e Core Web Vitals: O Caso Mais Comum no Brasil

Grande parte dos sites brasileiros roda em WordPress, então vale falar especificamente sobre esse ambiente. A combinação que entrega melhores resultados na maioria dos casos:

• Tema leve: temas como GeneratePress, Kadence ou Astra são construídos com performance em mente. Temas pesados de page builder, por mais bonitos que sejam, frequentemente geram LCP e INP ruins por padrão
• Plugin de cache + otimização: WP Rocket é pago mas entrega resultados consistentes. Para quem não quer investir, a combinação de LiteSpeed Cache (se o servidor usar LiteSpeed) ou W3 Total Cache com configuração cuidadosa resolve bem
• Otimização de imagens automatizada: Imagify, ShortPixel ou Smush convertem e comprimem imagens automaticamente no upload
• Hospedagem adequada: hospedagens compartilhadas muito baratas frequentemente têm TTFB (Time to First Byte) alto, o que afeta diretamente o LCP independente de qualquer otimização no frontend

Se sua estratégia de SEO inclui aparecer em featured snippets e na posição zero do Google, saiba que páginas com Core Web Vitals ruins raramente conquistam essas posições — o Google prioriza a experiência do usuário como critério de qualidade.

A Relação Entre Core Web Vitals e Taxas de Conversão

Melhorar os Core Web Vitals não é exercício técnico sem propósito comercial. Páginas mais rápidas e estáveis convertem melhor — isso está bem documentado em estudos do próprio Google e de grandes plataformas de e-commerce globalmente.

No contexto de e-commerce brasileiro, onde a concorrência por palavras-chave transacionais é acirrada, ter uma vantagem técnica pode ser o diferencial entre aparecer na primeira ou na segunda página dos resultados. Se você também trabalha com automação de processos, integrar monitoramento de Core Web Vitals aos seus dashboards operacionais garante que degradações de performance sejam detectadas rapidamente.

Além disso, em campanhas de Google Ads, o Quality Score das landing pages é parcialmente influenciado pela experiência de carregamento — o que significa que Core Web Vitals ruins aumentam seu CPC desnecessariamente.

Monitoramento Contínuo: Não é Otimize Uma Vez e Esqueça

Core Web Vitals variam com o tempo. Uma atualização de plugin, um novo script de marketing adicionado sem avaliação de impacto, um criativo de anúncio com imagem pesada — qualquer um desses eventos pode degradar suas métricas silenciosamente.

Configure alertas no Google Search Console para ser notificado quando URLs passarem a ter status ruim. Ferramentas como web.dev permitem rastrear a evolução das métricas ao longo do tempo. Para equipes maiores, soluções de monitoramento de performance como SpeedCurve ou Calibre oferecem rastreamento contínuo com histórico detalhado.

Uma cadência realista para empresas sem time técnico dedicado: revisão mensal das métricas no Search Console e auditoria trimestral completa com PageSpeed Insights nas principais páginas do site.

Prioridades na Hora de Agir

Se você precisa começar por algum lugar, essa é a ordem de impacto para a maioria dos sites brasileiros:

1. Medir o estado atual no PageSpeed Insights e Search Console
2. Otimizar imagens (formato, tamanho e atributos HTML) — maior impacto no LCP
3. Avaliar e reduzir scripts de terceiros — impacto no INP e LCP
4. Reservar espaço para anúncios e embeds — impacto no CLS
5. Avaliar qualidade da hospedagem se o TTFB estiver acima de 600ms
6. Implementar CDN se ainda não tiver

Core Web Vitals não são uma moda passageira de SEO. Fazem parte do compromisso do Google em promover uma web mais rápida e acessível — e sites que tomam isso a sério colhem benefícios tanto no ranking orgânico quanto na experiência real do usuário. O investimento técnico, na maioria dos casos, se paga rapidamente.