O que é Core Web Vitals?
Core Web Vitals: Core Web Vitals são métricas de experiência de uso que cobrem carregamento, resposta a interações e estabilidade visual. O conjunto atual é LCP, INP e CLS. O INP substituiu o FID em 12 de março de 2024; FID é referência histórica, não a métrica vigente desse conjunto.
Exemplos Práticos de Core Web Vitals
Uma ferramenta de laboratório testa condições controladas; os usuários reais têm aparelhos, conexões e comportamentos variados. Os resultados podem divergir sem que um dos relatórios esteja errado. Identifique a origem de cada medida e observe o conjunto das três métricas. Melhorar uma delas não dispensa verificar as demais nem demonstra, isoladamente, ganho de receita ou posição na busca.
Exemplo hipotético: uma imagem principal demora para aparecer, um botão responde com atraso e um anúncio desloca o texto. Cada problema pode afetar uma métrica diferente. Investigar apenas o carregamento inicial não examina necessariamente a resposta aos cliques. A validação deve considerar o uso real e não somente a aparência final da página.
Sinônimos e Antônimos Relevantes
Sinônimos:
- Métricas essenciais da experiência na Web
Antônimos:
Não há um antônimo técnico direto.
Contexto e Áreas de Aplicação
Em qualidade de experiências web, a análise ajuda a investigar carregamento, interação e estabilidade. Os registros centrais envolvem métrica, unidade, dispositivo e origem da medição.
- Desenvolvimento: investigar renderização e resposta da página.
- Experiência: observar estabilidade e interação em dispositivos reais.
- SEO: acompanhar qualidade sem prometer posição de busca.
Referências e Termos Relacionados
- LCP: tempo até a renderização do maior conteúdo visível.
- INP: latência de resposta visual às interações observadas.
- CLS: medida de deslocamentos inesperados do layout.
Notas Adicionais
Métricas principais e limites de avaliação
| Métrica | Pergunta | Faixa boa |
|---|---|---|
| LCP | Quando o maior conteúdo fica visível? | Até 2,5 segundos |
| INP | Quanto demora a resposta visual às interações? | Até 200 milissegundos |
| CLS | Quanto o layout se desloca inesperadamente? | Até 0,1 |
A classificação usa o percentil 75 de visitas, com avaliação por tipo de dispositivo. Limites são critérios da documentação, não promessa de conversão ou posição no Google. Dados de laboratório e de usuários reais podem diferir.
Como usar na prática
- Inspecione o maior elemento para investigar LCP.
- Investigue tarefas longas e processamento de interações para INP.
- Reserve espaço para imagens e outros elementos para reduzir deslocamentos de layout.
- Valide mudanças com ferramentas como PageSpeed Insights e os dados de campo disponíveis.
Cuidados de interpretação
O INP observa interações ao longo da visita, enquanto o FID tratava do atraso da primeira entrada. Trocar apenas a sigla no painel não torna séries históricas equivalentes. Preserve a identificação da métrica e da metodologia quando comparar períodos anteriores e posteriores à mudança.
O LCP se refere ao maior conteúdo visível, e não ao instante em que todo recurso da página termina de carregar. O INP depende de interações observadas; um teste sem interação não reproduz automaticamente essa medida. O CLS descreve deslocamentos inesperados, e não o tempo necessário para completar a página. Essas distinções ajudam a escolher uma investigação específica. Se uma mudança melhora a velocidade e introduz um deslocamento de conteúdo, a avaliação precisa reconhecer os dois efeitos. Use os limites documentados com o recorte de dispositivo e a origem dos dados, em vez de transformar uma nota de ferramenta em certificado de experiência para toda pessoa.
Ilustrações e Visualizações
| Conceito ou etapa | Distinção para interpretar |
|---|---|
| LCP | Carregamento; unidade em segundos. |
| INP | Interação; unidade em milissegundos. |
| CLS | Estabilidade; pontuação sem unidade de tempo. |
Classificação Gramatical
- Classe: substantivo ou expressão nominal técnica.
- Gênero de uso: masculino plural.
Pronúncia
Core Web Vitals: cór uéb vái-tals, aproximação.
Etimologia
Core indica essencial; web refere-se às páginas; vitals remete a sinais de qualidade da experiência.