Introdução aos Core Web Vitals

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: Cumulative Layout Shift (CLS), First Input Delay (FID) e Largest Contentful Paint (LCP).

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.

O vídeo a seguir fala mais sobre o Core Web Vitals:

Confira mais conteúdo especializado na Duda University.

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.

Nota

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

Nota

À 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.

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

Ferramentas de laboratório

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.

 

Esse artigo foi útil?
Usuários que acharam isso útil: 1 de 1
×

Faça o login como Profissional

O Suporte prioritário por telefone está disponível exclusivamente para profissionais. Acesse a sua conta Pro agora para ver nossos números de suporte internacional.

Registre-se
Não é profissional? Adquira um plano Pro!