O que é Core Web Vitals
Core Web Vitals é o conjunto de métricas que descreve a experiência de carregamento e de interação de uma página. As três principais medem a aparição do conteúdo, a resposta ao toque e a estabilidade do layout.
As métricas vêm da informação de campo e de laboratório. O campo reflete o acesso real, e o laboratório permite repetir a medição em condições controladas.
As três métricas
O LCP mede o tempo até o maior elemento de conteúdo aparecer. Imagem grande, fonte que atrasa e script no caminho aumentam essa medida.
O INP mede o tempo entre a interação e a resposta visível. O CLS mede o deslocamento inesperado dos elementos, causado por imagem sem dimensão ou conteúdo inserido depois.
A prioridade de correção
A correção começa pela métrica que mais afeta o acesso real. Uma imagem sem dimensão resolve o CLS, e a fonte carregada antes do texto resolve parte do LCP.
O ambiente de teste precisa se parecer com o do cliente. Uma medição em rede rápida esconde o efeito da imagem e do script no celular.
Exemplo
Como conferir
Compare a medição de campo com a de laboratório. Confira o LCP, o INP e o CLS em uma conexão lenta e em um celular. Leia o relatório do Lighthouse junto do acesso real.
A performance e a latência explicam parte do resultado. O SEO usa a experiência como sinal, sem substituir conteúdo e links.
Dúvidas frequentes
Perguntas frequentes sobre Core Web Vitals
- Core Web Vitals é a mesma coisa que PageSpeed?
- O PageSpeed Insights é uma ferramenta que apresenta as métricas. O Core Web Vitals é o conjunto de medidas de experiência usado na leitura da página.
- A nota da ferramenta define o resultado?
- Não. A nota resume várias medidas e varia com o ambiente. A leitura precisa olhar cada métrica e o tipo de acesso que o cliente faz.
- O que é LCP?
- O Largest Contentful Paint mede o tempo até o maior elemento de conteúdo aparecer. Ele indica quando a parte principal da página fica visível.
- O que é CLS?
- O Cumulative Layout Shift mede a mudança inesperada de posição dos elementos. A imagem sem dimensão e o anúncio que carrega depois deslocam o texto.
Para continuar
Recursos relacionados
Documentação
web.dev: Web Vitals
Apresenta as métricas, os limites e a forma de medição.
Abrir recursoDocumentação
Google Search: Core Web Vitals
Explica o uso das métricas na avaliação da experiência.
Abrir recursoAplicação na formação
Vibe Coding: Do Zero ao MVP
Na Formação Vibe Coding, o Core Web Vitals aparece na revisão da página publicada e no efeito da imagem e do script.
Conhecer a formação
Fontes consultadas
Referências deste verbete
Este verbete ajudou você?
Obrigado pela resposta. Ela fica salva apenas neste navegador.