Core Web Vitals do Google são métricas de experiência que medem o desempenho de um site e a qualidade da experiência do usuário que ele oferece. Em junho de 2021, o Google lançou uma melhoria em suas métricas de experiência do usuário chamada Core Web Vitals, que se concentra na velocidade de carregamento, interatividade e estabilidade visual. Esses principais sinais vitais da Web são: Cumulative Layout Shift (CLS), First Input Delay (FID), Largest Contentful Paint (LCP), Interaction To Next Paint (INP) e Time to First Byte (TTFB)
Core Web Vitals são importantes porque são um conjunto comum de métricas e benchmarks que são usados em muitos serviços do Google e têm um impacto direto nas classificações de pesquisa. Ao medir e otimizar seu site para o Core Web Vitals, você também melhora a experiência geral do usuário em seu
Para obter informações sobre o Core Web Vitals, assista ao vídeo a seguir:
CLS mede a estabilidade visual do conteúdo em uma página contando a soma total de todas as pontuações individuais de mudança de layout para cada mudança inesperada de layout que ocorre durante toda a vida útil da página. Uma mudança de layout acontece quando um elemento muda de sua posição inicial devido ao carregamento de recursos mais tarde no ciclo de vida de uma página e ao envio de conteúdo abaixo dela para baixo na página. Por exemplo, um usuário está comprando on-line e, assim que tenta clicar no botão Adicionar ao carrinho, um anúncio é carregado acima do botão e o pressiona para baixo. Essa mudança de layout faz com que o usuário clique acidentalmente no anúncio em vez do botão de adicionar ao carrinho. Um baixo CLS pode ajudar a garantir que seus usuários tenham uma experiência positiva em seu site e possam realizar rapidamente o que vieram fazer
O FID mede o atraso na interatividade e na capacidade de resposta. Esse é o momento em que o usuário interage com seu conteúdo clicando em um link, tocando em um botão ou pressionando uma tecla até o momento em que 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 interface do usuário leva para ser atualizada. Normalmente, ocorre um atraso porque o navegador está ocupado carregando o restante do conteúdo da página e ainda não consegue responder à interação do usuário. Um FID curto pode ajudar a aumentar a chance de o usuário permanecer na página e interagir com seu conteúdo. Atualmente, a maioria dos sites tem um bom desempenho na medição de FID
Nota
O zoom e a rolagem não são medidos para FID.
LCP mede o tempo necessário para carregar o maior elemento visível na página em relação ao momento em que a página começou a ser carregada. À medida que diferentes elementos são carregados, o LCP pode mudar. O navegador para de medir o LCP quando o usuário começa a interagir com a página, pois as interações normalmente alteram o que é visível para o usuário. Uma velocidade de carregamento rápida pode garantir ao usuário que a página é útil porque ele pode começar a visualizar o conteúdo rapidamente
Elementos que podem ser o LCP:
-
<img>
-
<image> inside an <svg>
-
<video>
-
Elemento com uma imagem de fundo carregada usando o
url()função em vez de um gradiente CSS -
Elementos em nível de bloco que contêm nós de texto ou outros elementos de texto em nível embutido (filhos)
Nota
As Google expands their Core Web Vitals, they have indicated <svg> and <video> might be included as elements used to measure LCP in the future.
INP se refere à forma como a página responde às interações específicas do usuário que são programadas na métrica geral do INP medida pelos dados de laboratório e de campo do Google Chrome. O INP foi projetado para fornecer uma representação do atraso geral de interação de uma página. Ele faz isso trabalhando a partir de uma amostra das interações mais longas que acontecem quando um usuário visita a página. Por exemplo, se uma página tiver menos de 50 interações no total, o INP leva em consideração a interação que tem o pior atraso absoluto. A medição do INP é uma representação de quanto tempo um usuário precisa esperar para interagir com a página inteira. Esse é um contraste direto com o FID (First Input Delay)
O INP está preocupado com os seguintes tipos de interações:
-
Qualquer clique do mouse em um elemento interativo.
-
Qualquer toque em um elemento interativo em qualquer dispositivo que inclua uma tela sensível ao toque.
-
Pressione uma tecla em um teclado físico ou na tela.
A documentação web.dev do Google explica que um bom valor de INP é de cerca de 200 milissegundos ou menos.
Nota
O INP substituiu o FID em março de 2024. Se você receber um aviso do Google informando que seu site tem problemas de INP, revise-o para garantir que ele esteja seguindo as melhores práticas atuais (para obter informações detalhadas sobre as melhores práticas, Melhores práticas do Core Web Vitals).
Ao medir o Core Web Vitals, você pode usar dados de laboratório ou de campo. Os dados do laboratório são coletados de ferramentas que simulam o carregamento e a interação da página. Os dados de campo são coletados a partir da interação real do usuário com seu site. É recomendável usar métricas do mundo real, como monitoramento real de usuários (RUM), em vez de testes de laboratório, para que você possa otimizar seu site com mais precisão. Do Google Dados CruX O conjunto pode ser usado para medir seu site e é uma ótima opção porque é o que o Google usa para medir o Core Web Vitals.
Tanto o CLS quanto o LCP podem ser medidos no laboratório ou no campo. O FID só pode ser medido em campo porque um usuário real precisa interagir com o conteúdo. É altamente recomendável que você teste todas as páginas do seu site.
As seguintes ferramentas podem ser usadas para medir o Core Web Vitals:
Ferramentas de campo:
-
Relatório de experiência do usuário do Chrome (recomendado)
-
Informações sobre o PageSpeed (somente se houver o suficiente Dados CruX; se não houver, esta é uma ferramenta de laboratório)
Ferramentas de laboratório:
Nota
A ferramenta WebPage Test do Google não é mais uma ferramenta recomendada pelo setor.
Para saber mais sobre as diferenças entre o Lighthouse e o Core Web Vitals, consulte Comparação entre Lighthouse e Core Web Vitals.
Para que uma página do seu site seja considerada aprovada, ela precisa atingir todas as seguintes métricas no 75º percentil:
-
CLS. 0,1 pontuação de mudança de layout ou menos
-
FID. 0,1 segundos ou menos
-
LCP. 2,5 segundos ou menos
Atualmente, apenas 20% dos sites passam pelas três métricas. Para saber como otimizar seu site, consulte Melhores práticas do Core Web Vitals.