Core Web Vitals: guia completo para sites em 2026

    Core Web Vitals são as três métricas oficiais do Google para medir a experiência do usuário em uma página: LCP (velocidade de carregamento), INP (responsividade) e CLS (estabilidade visual). Desde 2021, essas métricas são fator direto de ranqueamento.

    Resposta rápida

    Core Web Vitals medem experiência real do usuário em três dimensões: LCP (Largest Contentful Paint, ideal ≤ 2,5s), INP (Interaction to Next Paint, ideal ≤ 200ms) e CLS (Cumulative Layout Shift, ideal ≤ 0,1). Sites nas faixas 'Boas' rankeiam melhor no Google, especialmente no mobile. Otimizações envolvem imagens, JavaScript, fontes, CDN e arquitetura.

    LCP — Largest Contentful Paint

    LCP mede o tempo até o maior elemento visível da página carregar (imagem principal, bloco de texto ou vídeo). Meta: menos de 2,5 segundos.

    Causas comuns de LCP ruim: imagem principal em formato pesado (PNG/JPG grande), servidor lento, ausência de CDN, JavaScript bloqueando renderização.

    • Otimizar imagens em WebP/AVIF com compressão
    • Usar CDN global (Cloudflare, Vercel, Fastly)
    • Preload de recursos críticos
    • Hospedagem em servidor de baixa latência
    • Cache agressivo em edge

    INP — Interaction to Next Paint

    INP substituiu FID em 2024. Mede o tempo entre a interação do usuário (clique, toque) e a próxima resposta visual da página. Meta: menos de 200ms.

    Causas comuns: JavaScript pesado bloqueando thread principal, event listeners mal otimizados, plugins/widgets de terceiros lentos.

    • Reduzir JavaScript de terceiros
    • Code splitting e lazy loading de componentes
    • Debounce/throttle em eventos frequentes
    • Web Workers para tarefas pesadas
    • Minificação e tree shaking do bundle

    CLS — Cumulative Layout Shift

    CLS mede quanto a página 'pula' visualmente durante o carregamento. Meta: menos de 0,1.

    Causas comuns: imagens sem dimensões definidas, anúncios que carregam depois, fontes web que substituem fontes fallback, banners inseridos dinamicamente.

    • Definir width/height explícitos em imagens e vídeos
    • Reservar espaço para anúncios e iframes
    • Preload de fontes web e uso de font-display: swap
    • Evitar inserção dinâmica de conteúdo acima da dobra

    Como medir Core Web Vitals

    Google oferece ferramentas oficiais gratuitas para monitorar CWV em campo (usuários reais) e em laboratório (simulação).

    • Google Search Console — relatório de Core Web Vitals
    • PageSpeed Insights — análise por URL
    • Chrome Lighthouse — auditoria detalhada
    • CrUX Report (Chrome User Experience Report)
    • Web Vitals Extension (Chrome)

    Core Web Vitals como fator de ranqueamento

    Desde a atualização Page Experience de 2021, CWV é fator direto de ranking, especialmente em mobile. Não é o único, mas em nichos competitivos onde a qualidade de conteúdo é equivalente, CWV desempata.

    Além do SEO, CWV afeta diretamente taxa de conversão: cada segundo a mais de LCP reduz conversão em 4,4% em média (Google, 2023).

    Erros comuns a evitar

    • Ignorar Core Web Vitals achando que 'design bonito basta'
    • Não otimizar imagens (principal causa de LCP ruim)
    • Instalar dezenas de scripts de terceiros
    • Não definir dimensões de imagens (causa CLS)
    • Hospedagem compartilhada barata sem CDN

    Como a Suprema Mídia resolve

    • Arquitetura moderna (React 18 + Vite) com performance nativa
    • Imagens em WebP/AVIF com lazy loading nativo
    • CDN global com edge caching
    • Code splitting automático por rota
    • Auditoria mensal de Core Web Vitals via Search Console
    • Correção proativa antes de perda de ranking

    Solicite um orçamento personalizado

    Fale com um especialista da Suprema Mídia para receber diagnóstico gratuito, análise de concorrência e proposta comercial adequada ao seu momento — sem compromisso. Nosso time responde em até 2 horas úteis pelo WhatsApp.

    Perguntas frequentes

    O que são Core Web Vitals?

    São três métricas oficiais do Google (LCP, INP e CLS) que medem experiência real do usuário em uma página web.

    Core Web Vitals afeta ranqueamento no Google?

    Sim, desde 2021. É fator oficial de ranking, especialmente em mobile.

    Qual a nota ideal em cada métrica?

    LCP ≤ 2,5s, INP ≤ 200ms, CLS ≤ 0,1. Sites nessas faixas são classificados como 'Bons' pelo Google.

    Como saber a nota do meu site?

    PageSpeed Insights (por URL) e Google Search Console (por domínio) mostram Core Web Vitals gratuitamente.

    WordPress tem boa nota em Core Web Vitals?

    Depende. WordPress padrão costuma falhar. Otimizado com cache, CDN, plugins leves e imagens compactadas, atinge notas boas.

    Site sob medida tem melhor performance?

    Sim. Arquiteturas modernas (React + Vite, Next.js) entregam Core Web Vitals no verde nativamente, sem dependência de plugins.

    Quanto tempo leva para melhorar Core Web Vitals?

    Otimizações técnicas trazem resultados em 24-48h. Google Search Console atualiza a avaliação em 28 dias após a correção.

    INP substituiu FID?

    Sim. Desde março de 2024, INP é a métrica oficial de responsividade, substituindo FID (First Input Delay).

    Conteúdos relacionados