Core Web Vitals: guia completo para deixar seu site rápido e aprovado pelo Google

As Core Web Vitals são três métricas que o Google usa para medir a experiência real de quem visita o seu site: velocidade de carregamento, rapidez de resposta e estabilidade visual. Em resumo, elas mostram se a página abre rápido, se responde bem aos cliques e se o layout fica parado enquanto carrega.

Essas métricas fazem parte dos sinais de experiência da página. Portanto, elas influenciam o posicionamento no Google e, principalmente, a decisão do visitante de ficar ou sair. Afinal, ninguém tem paciência para esperar um site lento, sobretudo no celular.

Neste guia, você vai entender cada métrica de forma simples, aprender a medir e conhecer as ações que mais melhoram o resultado. Além disso, há um checklist no final para revisar o seu site todo mês.

O que são as Core Web Vitals

O Google criou as métricas para traduzir a experiência do usuário em números. Assim, em vez de dizer apenas que um site é “rápido” ou “lento”, você passa a ter dados objetivos para comparar e melhorar.

Hoje, o conjunto tem três métricas principais. Cada uma avalia um momento diferente da visita:

• LCP (Largest Contentful Paint): mede quanto tempo o maior elemento visível leva para aparecer.
• INP (Interaction to Next Paint): mede a rapidez com que a página responde aos cliques, toques e teclas.
• CLS (Cumulative Layout Shift): mede o quanto o conteúdo muda de lugar durante o carregamento.

Vale lembrar que o INP substituiu o antigo FID em março de 2024. Por isso, se você encontrar materiais que ainda falam em FID, eles estão desatualizados.

Valores ideais das Core Web Vitals

O Google classifica cada métrica em três faixas: bom, precisa melhorar e ruim. Para ficar no verde, pelo menos 75% das visitas precisam atingir os limites abaixo.

LCP: velocidade de carregamento

O ideal é que o LCP fique em até 2,5 segundos. Normalmente, o maior elemento é a imagem principal, um banner ou um bloco de texto grande no topo da página.

Quando o LCP está alto, as causas mais comuns são imagens pesadas, servidor lento e arquivos que bloqueiam a renderização. Ou seja, o navegador precisa esperar outros arquivos antes de mostrar o conteúdo principal.

INP: resposta às interações

O INP deve ficar em até 200 milissegundos. Ele avalia o tempo entre a ação do visitante e a resposta visual da página, como abrir um menu ou adicionar um produto ao carrinho.

Geralmente, o vilão aqui é o excesso de JavaScript. Chats, pixels de anúncios, sliders e plugins pesados ocupam o navegador. Então, quando o visitante clica, a página demora a reagir.

CLS: estabilidade visual

O CLS ideal é de até 0,1. Sabe quando você vai clicar em um botão e ele muda de lugar porque uma imagem ou um anúncio apareceu? Isso é exatamente o que o CLS mede.

Felizmente, esse costuma ser o problema mais fácil de resolver. Na maioria dos casos, basta definir largura e altura para imagens, vídeos e banners.

Por que as Core Web Vitals importam para o seu negócio

Um site rápido não agrada apenas ao Google. Na verdade, o maior beneficiado é o seu cliente. Páginas lentas aumentam a taxa de rejeição, reduzem o tempo de navegação e, consequentemente, diminuem as vendas.

Por exemplo, pense no comportamento de quem pesquisa no celular. Muitas vezes, a pessoa está na rua, com internet instável, e compara várias empresas ao mesmo tempo. Se o seu site demora, ela simplesmente volta e escolhe o concorrente.

Além disso, a velocidade ajuda o Google a rastrear mais páginas do seu site. Desse modo, novos conteúdos aparecem nos resultados com mais rapidez.

Como medir as Core Web Vitals do seu site

Existem ferramentas gratuitas e confiáveis para medir as métricas. A seguir, veja as principais e quando usar cada uma.

PageSpeed Insights

O PageSpeed Insights é o ponto de partida. Basta digitar o endereço da página para ver os dados reais de visitantes, quando disponíveis, e um teste de laboratório com sugestões de melhoria.

Preste atenção à diferença entre os dois blocos. Os dados de campo mostram a experiência real dos usuários. Já o teste de laboratório simula uma visita e serve para encontrar as causas dos problemas.

Google Search Console

No Search Console, o relatório de Core Web Vitals agrupa as páginas do site por status. Assim, você descobre quais modelos de página precisam de atenção, como posts do blog, páginas de produto ou landing pages.

Lighthouse e DevTools

Por fim, para uma análise técnica, o Lighthouse e as ferramentas de desenvolvedor do Chrome mostram em detalhes quais arquivos atrasam o carregamento. Essa etapa, porém, costuma exigir apoio de um profissional.

Como melhorar as Core Web Vitals: passo a passo

Agora vamos às soluções. As ações abaixo estão em ordem de impacto e facilidade. Por isso, comece pelas primeiras e meça o resultado antes de partir para as mais técnicas.

1. Otimize as imagens

Imagens costumam ser os arquivos mais pesados de um site. Portanto, converta tudo para WebP, redimensione para o tamanho real de exibição e comprima antes de enviar. Também use carregamento tardio, o chamado lazy loading, para imagens abaixo da primeira tela.

No entanto, a imagem principal do topo não deve usar lazy loading. Ela precisa carregar o quanto antes para melhorar o LCP. Saiba mais no nosso guia completo de SEO para imagens.

2. Reserve espaço para cada elemento

Primeiramente, defina largura e altura em imagens, vídeos, mapas e banners. Dessa forma, o navegador reserva o espaço correto antes de o arquivo chegar, e o layout não pula.

3. Ative cache e compressão

O cache entrega uma versão pronta da página, sem precisar montar tudo a cada visita. Além disso, a compressão Gzip ou Brotli reduz o tamanho dos arquivos enviados ao navegador. No WordPress, plugins de cache resolvem boa parte dessa etapa.

4. Invista em uma boa hospedagem

Não adianta otimizar o site se o servidor demora a responder. Uma hospedagem de qualidade, com PHP atualizado e recursos adequados, reduz o tempo de resposta inicial. Conheça a nossa hospedagem de sites otimizada.

5. Reduza scripts de terceiros

Revise tudo o que o site carrega de fora: chats, pixels, mapas, vídeos e widgets de redes sociais. Então, remova o que não traz resultado e adie o carregamento do restante. Essa ação costuma melhorar muito o INP.

6. Cuide das fontes

Fontes personalizadas deixam o site bonito, mas pesam. Assim, use poucas variações de peso, hospede os arquivos no próprio servidor e aplique a regra font-display: swap. Com isso, o texto aparece imediatamente, mesmo antes de a fonte carregar.

Core Web Vitals no WordPress: cuidados extras

O WordPress é uma plataforma excelente, mas exige atenção. Afinal, cada plugin e cada recurso visual do tema acrescenta arquivos à página.

• Mantenha apenas os plugins realmente necessários.
• Atualize o WordPress, o tema e os plugins com frequência.
• Evite sliders pesados no topo da página inicial.
• Desative recursos do tema que você não usa.
• Use um plugin de cache bem configurado.

Se quiser entender qual plataforma entrega mais desempenho, leia também o artigo sobre a melhor plataforma para criar um site otimizado.

Erros comuns que derrubam a velocidade do site

Muitas vezes, o problema não está em um único arquivo, mas em pequenos descuidos que se somam. Por isso, vale conhecer os erros mais frequentes que encontramos nas avaliações de sites.

• Banner gigante no topo: imagens de 3 ou 4 MB enviadas direto da câmera ou do banco de imagens.
• Vídeo de fundo: fica bonito, porém pesa muito no celular e atrasa o LCP.
• Pop-ups que surgem do nada: além de irritar, empurram o conteúdo e pioram o CLS.
• Plugins duplicados: dois plugins fazendo a mesma função disputam recursos do servidor.
• Hospedagem compartilhada lotada: o site até funciona, mas responde devagar nos horários de pico.

Ou seja, antes de partir para soluções complexas, revise esses pontos. Em muitos casos, apenas corrigir as imagens e remover excessos já coloca as métricas no verde. Depois disso, então, vale buscar ajustes mais técnicos com um especialista.

Checklist de Core Web Vitals

Use a lista abaixo como rotina mensal. Assim, pequenas falhas não se acumulam e o site continua rápido ao longo do tempo.

Perguntas frequentes sobre Core Web Vitals

As Core Web Vitals garantem o primeiro lugar no Google?

Não. Elas são um dos vários fatores de classificação. Conteúdo relevante continua sendo o fator mais importante. Mesmo assim, entre páginas parecidas, a experiência melhor faz diferença.

Quanto tempo leva para o Google perceber as melhorias?

Os dados de campo consideram os últimos 28 dias de visitas. Por isso, depois de uma melhoria, espere cerca de um mês para ver a mudança completa nos relatórios.

Preciso de nota 100 no PageSpeed?

Não é necessário. O mais importante é ter as três métricas no verde nos dados reais de visitantes. A nota de laboratório serve como guia, mas não é o objetivo final. Para se aprofundar, consulte a documentação oficial em web.dev.

Conclusão

As métricas de experiência mostram, com números, se o seu site oferece uma boa visita. Em resumo, cuidar delas significa carregar rápido, responder rápido e manter o layout estável. Consequentemente, você melhora o posicionamento, a experiência e as conversões.

Quer um site rápido desde o primeiro dia? A Web Faster desenvolve sites com foco em alta performance e SEO. Solicite uma proposta ou conheça nosso serviço de criação de sites.