Core Web Vitals são três métricas que ajudam a avaliar carregamento, resposta a interações e estabilidade visual de uma página: LCP, INP e CLS. Para melhorá-las, primeiro identifique quais URLs estão abaixo do recomendado e em quais dispositivos, depois investigue a causa correspondente. Imagens grandes podem afetar LCP, scripts pesados podem atrasar interações e elementos sem espaço reservado podem deslocar o conteúdo. Uma mudança de cada vez, medida de novo, é mais confiável do que instalar vários plugins de otimização sem saber o efeito.
Essas métricas não descrevem toda a qualidade de um site e não explicam sozinhas por que uma página recebe ou não visitas. Use-as como sinais de experiência técnica ao lado de testes reais, conversões, conteúdo e acessibilidade. Uma nota de laboratório não garante que todas as pessoas tenham a mesma experiência.
O que cada métrica representa
LCP (Largest Contentful Paint) mede quando o maior elemento de conteúdo visível na área inicial aparece. Pode ser uma imagem principal, um bloco de texto ou um vídeo. Se a página demora a entregar esse elemento, verifique o tempo de resposta do servidor, o tamanho do recurso, a prioridade de carregamento e os bloqueios antes da renderização.
INP (Interaction to Next Paint) observa a responsividade depois de interações como clique, toque ou teclado. Um site pode parecer carregado e ainda assim congelar quando a pessoa abre um menu, aplica um filtro ou envia um formulário. JavaScript caro, tarefas longas e trabalho excessivo após cada clique podem contribuir para demora.
CLS (Cumulative Layout Shift) mede deslocamentos inesperados do conteúdo durante o carregamento. A pessoa tenta tocar num botão e, quando um anúncio ou imagem aparece, o controle muda de lugar. Reservar dimensões para imagens, anúncios e conteúdo incorporado ajuda a evitar que blocos empurrem outros elementos.
Como interpretar as faixas
O Google avalia esses indicadores no percentil 75 das visitas, separando dados móveis e desktop. Os limites de referência são: LCP até 2,5 segundos, INP até 200 milissegundos e CLS até 0,1 para a faixa considerada boa. Acima de 4 segundos para LCP, 500 milissegundos para INP ou 0,25 para CLS, o resultado é considerado ruim. Valores intermediários precisam de melhoria. Consulte a página atualizada do web.dev sobre limites das métricas, pois critérios e ferramentas podem evoluir.
Uma métrica pode ser classificada como boa numa ferramenta e ruim em outra porque as fontes de dados diferem. Dados de campo vêm de experiências reais agregadas e dependem de tráfego elegível. Testes de laboratório executam uma simulação em condições controladas. Use ambos: o campo mostra uma população de usuários; o laboratório ajuda a reproduzir causas e comparar mudanças.
Onde encontrar dados úteis
No Search Console, o relatório de Core Web Vitals agrupa páginas com comportamento semelhante e indica problemas de campo quando há dados suficientes. PageSpeed Insights pode combinar dados de campo com uma execução de laboratório para uma URL. Ferramentas de desenvolvimento do navegador ajudam a observar scripts, solicitações e layout durante testes. Nenhum relatório substitui abrir a página em um celular real e experimentar as ações principais.
Escolha algumas URLs importantes, como página inicial, artigo mais acessado, produto, carrinho e formulário de contato. Registre dados antes de mexer e anote navegador, dispositivo e rede. Evite comparar uma página inicial leve com um checkout cheio de scripts como se fossem equivalentes. Faça rodadas repetidas e observe tendências em vez de tratar uma única pontuação como diagnóstico completo.
Melhorias práticas para LCP
- Reduza o peso da imagem principal e use dimensões compatíveis com sua exibição.
- Evite carregar primeiro recursos decorativos que competem com o conteúdo principal.
- Verifique se o servidor responde com rapidez e se o cache está configurado para páginas que podem ser armazenadas.
- Não carregue de forma preguiçosa a imagem que aparece imediatamente no topo da página.
- Reduza redirecionamentos desnecessários e conexões externas que atrasam o início da renderização.
Se o servidor responde lentamente, examine hospedagem, banco, consultas e cache. Se a resposta vem rápida, mas o maior bloco demora a aparecer, investigue a imagem, fonte ou script que o navegador espera. A mesma solução não serve para todos os cenários.
Melhorias para INP e CLS
Para INP, revise scripts de terceiros, extensões e funções executadas ao mesmo tempo que uma interação. Divida tarefas grandes quando houver suporte técnico, remova código que não usa e teste menus, filtros, busca e formulários. Não desative funcionalidades importantes só para obter nota maior. Para CLS, defina largura e altura de imagens, reserve espaço para anúncios e banners, evite inserir avisos acima do conteúdo depois que a página já abriu e teste a fonte antes de alterar sua tipografia global.
No WordPress, teste alterações em ambiente de cópia, principalmente se envolvem cache, minificação ou carregamento de scripts. Uma configuração que melhora uma página pode quebrar outra, como um carrinho ou um menu móvel. Depois de publicar a mudança, valide a experiência e espere a coleta de novos dados de campo antes de concluir que o resultado melhorou para todos.
Roteiro de trabalho
- Selecione páginas importantes e colete dados de campo e laboratório.
- Identifique qual indicador está ruim e em qual dispositivo.
- Abra a página e tente reproduzir o problema observado.
- Escolha uma hipótese específica, como imagem pesada ou script de menu.
- Aplique uma mudança, preserve uma cópia e repita os testes.
- Verifique se a melhoria não prejudicou outras páginas ou funções.
- Monitore os dados de campo e repita o ciclo se necessário.
Perguntas frequentes
Uma nota 100 é necessária?
Não. A meta prática é oferecer uma experiência rápida, responsiva e estável. Uma pontuação sintética depende de condições de teste e não deve substituir tarefas importantes do site.
Melhorar Core Web Vitals garante mais vendas?
Não. Melhorar uma métrica não garante conversões. A oferta, a qualidade do conteúdo, a confiança e a facilidade de concluir uma ação também influenciam resultados.
Preciso de uma hospedagem mais cara para melhorar LCP?
Somente se as medições apontarem o servidor como gargalo e os recursos atuais forem insuficientes. Imagens, scripts e cache também podem afetar o resultado.
