Core Web Vitals

    Core Web Vitals são métricas criadas pelo Google para avaliar aspectos importantes da experiência real das pessoas ao navegar em uma página.

    Elas medem três pontos principais:

    • velocidade de carregamento;
    • rapidez de resposta às interações;
    • estabilidade visual da página.

    Atualmente, as três métricas principais são LCP, INP e CLS. O Google recomenda bons resultados porque páginas rápidas, estáveis e responsivas oferecem uma experiência melhor. Essas métricas também são usadas pelos sistemas de classificação da Pesquisa Google, mas uma boa pontuação não garante as primeiras posições.

    LCP

    LCP significa Largest Contentful Paint. A métrica mede quanto tempo demora para o maior elemento visível da página ser carregado.

    Esse elemento pode ser:

    • imagem principal;
    • banner;
    • bloco de texto;
    • capa de um artigo;
    • imagem de um produto.

    Para ser considerado bom, o LCP deve acontecer em até 2,5 segundos para a maior parte dos visitantes. Acima de 4 segundos, o resultado é considerado ruim.

    Problemas de LCP podem ser causados por imagens pesadas, hospedagem lenta, ausência de cache, excesso de códigos ou carregamento demorado do conteúdo principal.

    INP

    INP significa Interaction to Next Paint. Ele mede quanto tempo a página leva para responder visualmente depois que o visitante realiza uma interação.

    Alguns exemplos são:

    • clicar em um botão;
    • abrir um menu;
    • selecionar uma opção;
    • tocar em um elemento;
    • preencher um campo.

    Um bom INP deve ficar em até 200 milissegundos. Acima de 500 milissegundos, a resposta é considerada ruim.

    Uma página pode carregar rapidamente e ainda apresentar um INP ruim. Isso acontece quando o navegador fica ocupado processando scripts pesados e demora para responder ao usuário.

    O INP substituiu a antiga métrica FID como parte dos Core Web Vitals em março de 2024.

    CLS

    CLS significa Cumulative Layout Shift. Essa métrica avalia a estabilidade visual da página.

    Ela identifica situações em que imagens, textos, anúncios ou botões mudam inesperadamente de posição durante o carregamento.

    Imagine que uma pessoa está prestes a clicar em um botão, mas uma imagem aparece e empurra o conteúdo para baixo. Ela pode acabar clicando no lugar errado. Esse movimento prejudica a experiência e aumenta o CLS.

    Um resultado de até 0,1 é considerado bom. Acima de 0,25, o desempenho é considerado ruim.

    Entre as causas mais comuns estão:

    • imagens sem dimensões definidas;
    • anúncios que ocupam espaço depois do carregamento;
    • fontes que alteram o tamanho do texto;
    • banners inseridos de forma inesperada;
    • elementos carregados acima do conteúdo existente.

    Dados reais e testes de laboratório

    As métricas podem ser analisadas com dados de campo e dados de laboratório.

    Os dados de campo mostram a experiência de pessoas reais, utilizando diferentes aparelhos, conexões e navegadores. O PageSpeed Insights utiliza informações do Chrome User Experience Report para apresentar esses resultados quando existe uma quantidade suficiente de dados.

    Os dados de laboratório são gerados em um ambiente simulado. Eles ajudam a encontrar problemas técnicos, mas podem ser diferentes da experiência real dos visitantes.

    Por isso, uma página pode apresentar boa pontuação em um teste do Lighthouse e ainda ter problemas nos dados reais.

    Como medir os Core Web Vitals?

    As principais ferramentas são:

    • Google Search Console;
    • PageSpeed Insights;
    • Chrome DevTools;
    • Lighthouse;
    • Chrome User Experience Report.

    O Search Console reúne páginas com comportamentos semelhantes e mostra quais URLs apresentam desempenho bom, precisam de melhorias ou estão ruins.

    O PageSpeed Insights permite testar uma URL específica em dispositivos móveis e computadores. Ele mostra dados reais, quando disponíveis, e uma análise simulada com sugestões de melhoria.

    Core Web Vitals melhoram o SEO?

    Sim, mas precisam ser colocados no lugar certo.

    O Google utiliza essas métricas como parte dos sinais relacionados à experiência da página. Porém, uma página rápida com conteúdo fraco não supera automaticamente uma página mais útil e relevante.

    Conteúdo, intenção de busca, autoridade, links internos, clareza e confiança continuam sendo fundamentais. Bons Core Web Vitals ajudam a remover barreiras, mas não substituem a qualidade.

    Em resumo, Core Web Vitals são métricas que ajudam a avaliar se uma página carrega rapidamente, responde sem demora e permanece visualmente estável. Melhorá-las beneficia tanto os visitantes quanto o desempenho geral do site.

    Explore também

    Aprofunde o assunto

    ✅ Na prática

    Comece testando as páginas mais importantes do site no PageSpeed Insights.

    Depois:

    1. Verifique os resultados para celular.
    2. Identifique qual métrica está ruim.
    3. Otimize imagens grandes.
    4. Ative cache quando necessário.
    5. Remova plugins e scripts sem utilidade.
    6. Defina largura e altura para imagens e anúncios.
    7. Evite carregar recursos pesados antes do conteúdo principal.
    8. Teste novamente após cada alteração.
    9. Acompanhe os dados reais no Search Console.

    Não instale vários plugins de velocidade ao mesmo tempo. Eles podem gerar conflitos e até piorar o desempenho.

    💡 Você sabia?

    Para uma página ser aprovada na avaliação dos Core Web Vitals, as três métricas precisam atingir a faixa considerada boa no percentil 75 dos acessos analisados. Isso significa que o objetivo não é fazer o site funcionar bem apenas em um teste isolado, mas oferecer uma boa experiência para a maioria dos visitantes.

    Post anterior E-E-A-T
    Próximo post Rich Snippets