Os Core Web Vitals do Google são métricas de experiência que medem o desempenho de um site e o nível de experiência do usuário que ele oferece. Em junho de 2021, o Google planeja lançar os Core Web Vitals, uma melhoria nas métricas de experiência do usuário dedicadas na velocidade do carregamento, na interatividade e na estabilidade visual. Os Core Web Vitals são: Mudança cumulativa de layout (CLS), Atraso da primeira entrada (FID), Maior renderização de conteúdo (LCP) Interação com a próxima renderização (INP) e Tempo até o primeiro byte (TTFB).
Os Core Web Vitals são importantes por serem um conjunto comum de métricas e benchmarks usados em vários serviços do Google, com impacto direto nos rankings de busca. Ao medir e otimizar o seu site para o Core Web Vitals, você também melhora a experiência geral do usuário no site.
CLS
O CLS mede a estabilidade visual do conteúdo na página. Para isso, ele soma a pontuação de cada deslocamento de layout em cada deslocamento de layout inesperado que ocorre durante a vida útil da página. O deslocamento de layout acontece quando um elemento sai da posição inicial devido a recursos carregando mais tarde no ciclo de vida da página e empurrando o conteúdo abaixo dela. Por exemplo: durante uma compra on-line, assim que o usuário tenta clicar no botão "Adicionar ao carrinho", um anúncio aparece acima do botão e empurra o carrinho para baixo. Com esse deslocamento de layout, o usuário clica sem querer no anúncio, em vez do botão "Adicionar ao carrinho". Um baixo CLS garante ao usuário uma experiência positiva no site, de forma que ele realize rapidamente o que pretende fazer.
FID
O FID mede o atraso na interatividade e na capacidade de resposta. O momento vai desde que o usuário, para interagir com seu conteúdo, clica em um link, toca em um botão ou pressiona uma tecla até quando o navegador processa essa interação. O FID conta apenas o atraso, não o tempo necessário para processar o evento ou quanto tempo a IU leva para atualizar. O atraso acontece geralmente porque o navegador está ocupado carregando o restante do conteúdo da página e ainda não pode responder à interação do usuário. Um FID curto aumenta a chance de o usuário permanecer na página e interagir com o conteúdo. No momento, a maioria dos sites tem bom desempenho na medição do FID.
O zoom e rolagem não são medidos quanto ao FID.
LCP
O LCP mede o tempo necessário para que o maior elemento visível da página seja carregado em relação ao momento em que a página começou a carregar pela primeira vez. À medida que diferentes elementos carregam, o LCP pode mudar. O navegador para de medir o LCP quando o usuário começa a interagir com a página, já que as interações geralmente mudam o que fica visível ao usuário. O carregamento rápido mostra ao usuário que a página é útil, pois o conteúdo aparece rapidamente para ele.
Elementos que podem ser o LCP:
<img>
<imagem> dentro de um <svg>
<video>
Elemento com imagem de fundo carregada usando a função url() em vez de um gradiente CSS
Elementos de bloco que contêm nós de texto ou outros elementos-filhos de texto embutido
À medida que Google expande os Core Web Vitals, foi indicado que <svg> e <vídeo> talvez sejam incluídos como elementos utilizados para medir o LCP no futuro.
INP
A INP se refere a como a página responde às interações específicas do usuário que são programadas nas métricas gerais da INP medidas pelos dados de laboratório e de campo do Google Chrome. A INP oferece uma representação do atraso geral da interação de uma página; para isso, ela trabalha com uma amostra das interações mais longas quando um usuário visita a página. Por exemplo: se uma página tiver menos de 50 interações no total, a INP leva em consideração a interação com o pior atraso absoluto. A medição da INP é uma representação do tempo que o usuário precisa esperar para interagir com a página inteira - o oposto do FID (Atraso da primeira entrada).
A INP aborda os seguintes tipos de interações:
- Qualquer clique do mouse de um elemento interativo.
- Qualquer toque em um elemento interativo em qualquer aparelho que tenha tela sensível ao toque.
- O pressionar de uma tecla no teclado físico ou na tela.
Segundo a documentação web.dev do Google, uma INP com bom valor vai até 200 milissegundos.
A INP ainda é experimental, e a orientação que ela dá em relação a essa métrica provavelmente mudará.
TTFB
O TTFB mede o tempo até o primeiro byte ser transferido pelo servidor.
Há tempos o TTFB tem sido visto como gerador de ganhos significativos no desempenho, sendo uma prioridade a ser otimizada pelos profissionais de SEO como parte do processo de SEO.
Como medir os Core Web Vitals
Para medir os Core Web Vitals, você pode usar dados de laboratório ou de campo. Os dados de laboratório são coletados de ferramentas que simulam o carregamento da página e a interação nela. Os dados de campo são coletados da interação do usuário real com o site. Recomendamos usar métricas tiradas do mundo real, como o Real User Monitoring (RUM), em vez de testes laboratoriais, para otimizar o seu site com mais precisão. O conjunto de dados do CRuX do Google pode ser usado nas medidas do site e é uma ótima escolha, por ser usado pelo Google para medir os Core Web Vitals.
Tanto o CLS e o LCP podem ser medidos no laboratório ou no campo. O FID só pode ser medido no campo, pois é necessário um usuário real interagindo com o conteúdo. Recomendamos testar todas as páginas do seu site.
As seguintes ferramentas podem ser utilizadas para medir os Core Web Vitals:
Ferramentas de campo
(Recomendado) Relatório sobre a experiência do usuário no Chrome
Ferramentas de laboratório
Saiba mais sobre as diferenças entre o Lighthouse e o Core Web Vitals em Comparação entre o Lighthouse e o Core Web Vitals.
Pontuações ideais
Para que uma página do site seja aprovada, ela precisa atingir 75% em todas as seguintes métricas:
CLS. até 0,1 na pontuação de deslocamento de layout
FID. até 0,1 segundo
LCP. até 2,5 segundos
No momento, apenas 20% dos sites atingem todas as três métricas. Saiba como otimizar seu site em Otimize seu site para os Core Web Vitals.