Core Web Vitals

Core Web Vitals são LCP, INP e CLS: carregamento, responsividade à interação e estabilidade visual, avaliados no 75º percentil dos dados de campo quando disponíveis.

Meça a evidência certa

Os dados de campo do CrUX representam visitas reais elegíveis feitas no Chrome, enquanto o RUM próprio de um site pode cobrir um público diferente. A avaliação dos Core Web Vitals usa o 75º percentil: LCP de no máximo 2,5 s, INP de no máximo 200 ms e CLS de no máximo 0,1 são os limites publicados para uma boa experiência.

Como inspecionar

Comece pelos dados de campo, por dispositivo e por grupo de URLs. Registre o período, a cobertura e se os dados estão ausentes; depois use um trace de laboratório reproduzível para investigar o template afetado. Para cada métrica, identifique a camada responsável: resposta do servidor e conteúdo crítico no LCP, tarefas longas e manipuladores de eventos no INP, ou reservas de layout ausentes no CLS.

Carregamento, responsividade e estabilidade visual descrevem partes diferentes da visita.

Como implementar ou melhorar

Mude uma causa delimitada por vez e teste de novo a mesma rota e o mesmo perfil de dispositivo. Preserve um trace de antes e depois, confirme que o resultado visual e a interação essencial continuam funcionando e espere novos dados de campo antes de descrever uma melhoria ampla. Marco os dados de campo incompletos como incompletos, em vez de considerá-los aprovados.

Limites e erros comuns

O erro recorrente é perseguir uma pontuação com minificação ou adiamento genéricos. Um bundle tecnicamente menor ainda pode atrasar uma interação necessária ou criar um deslocamento de layout. Separe a evidência de diagnóstico de qualquer promessa de ranqueamento.

Use dados de campo e de laboratório para tarefas diferentes. Os dados de campo são um relatório agregado de visitas reais, e a avaliação informada se baseia na experiência do 75º percentil da população relevante; eles podem estar ausentes em páginas com pouco tráfego. Os dados de laboratório são um trace controlado que ajuda a reproduzir e diagnosticar uma causa provável. Registre a classe do dispositivo, o grupo de URLs, o período de coleta e se a amostra de campo está disponível. Por exemplo, um trace de LCP em laboratório pode mostrar uma imagem de destaque do topo (hero) não otimizada, enquanto os dados de campo indicam que o problema afeta visitantes no celular. Corrija a imagem, a resposta do servidor ou o caminho de renderização em uma release pequena, confirme a página renderizada e espere a próxima janela de dados de campo, em vez de afirmar uma mudança imediata na população.

FAQ

Quais métricas estão incluídas?
LCP mede o carregamento do maior conteúdo visível, INP mede a responsividade à interação e CLS mede a estabilidade visual.
Por que os resultados de laboratório e de campo podem ser diferentes?
Os testes de laboratório usam condições controladas; as medições de campo reúnem visitas reais com dispositivos, redes e interações diferentes.