O Google anunciou no fim de maio o Web Vitals , que é uma iniciativa para fornecer aos desenvolvedores da Web e proprietários de sites um conjunto unificado de métricas para a melhora de sites focados na experiência e o desempenho do usuário. 

As Web Vitals são um conjunto de métricas de qualidade que o Google acredita serem "essenciais para proporcionar uma ótima experiência do usuário na web".

Ao longo dos anos, o Google vem oferecendo uma série de ferramentas para ajudar proprietários de sites e desenvolvedores a melhorar a experiência do usuário. 

Contudo, o Google percebeu que a sobrecarga de informações e métricas de avaliação era contraditória e muito confusa. 

Por isso, as novas Web Vitals são uma tentativa de redefinição destas métricas.

 

Novas Métricas 

A princípio, o Core Web Vitals usará apenas 3 métricas: o Largest Contentful Paint (LCP), que mede a renderização do maior conteúdo visível da página, o First Input Delay (FID), que mede o tempo que o navegador demorou para responder após a primeira interação do usuário, e o Cumulative Layout Shift (CLS), que mede a quantidade de mudanças de layout visíveis e inesperadas que aconteceram na página.

Cada uma delas afere um aspecto diferente da experiência do usuário, sendo o carregamento, a interatividade e a estabilidade visual, respectivamente.

O Google ainda promete incluir novas métricas para medir outros aspectos da experiência do usuário em releases anuais. Muitas métricas foram propostas ao longo dos anos para esses objetivos, porém, caem em desafios como serem de difícil entendimento e mensuração, e de não serem adequadas em diversos cenários. Ao adotar explicitamente estas métricas, o buscador aponta para um consenso que visa conciliar simplicidade, objetividade e efetividade.

 

LCP (renderização de maior conteúdo)

O LCP mede a velocidade de carregamento e rastreia o ponto na linha do tempo de carregamento da página quando é provável que o conteúdo da página principal seja carregado. Para fornecer uma boa experiência ao usuário, o LCP deve ocorrer dentro de 2,5 segundos após o carregamento da página. Para a maioria dos usuários.

Para isso os elementos considerados são:

• elementos <img>

• elementos <image> dentro de um elemento <svg>

• elementos <video> (a imagem do pôster é usada)

• Um elemento com uma imagem de plano de fundo carregada pela função url () (em oposição a um gradiente CSS )

• Elementos em nível de bloco que contêm nós de texto ou outros elementos de texto em nível de linha filho.

 

FID (atraso na primeira entrada)

O FID mede a capacidade de resposta e o atraso da experiência do usuário ao tentar interagir com a página. As páginas devem ter um FID inferior a 100 milissegundos para fornecer uma boa experiência ao usuário. O FID é a primeira impressão do usuário sobre o tempo de resposta do seu site, e as primeiras impressões são extremamente críticas para formar nossa impressão geral da qualidade e confiabilidade de um site.

FID é uma métrica que mede a resposta de uma página durante o carregamento. Como tal, ele se concentra exclusivamente em eventos de entrada com comportamento específico, como cliques, toques e pressionamentos de tecla.

 

CLS (mudança cumulativa de layout)

O CLS mede a estabilidade visual e a quantidade de mudanças inesperadas no layout do conteúdo da página. Para ter uma boa experiência do usuário, as páginas devem manter um CLS abaixo de 0,1.

Mas o que exatamente é o CLS? Vamos tentar entender.

As mudanças de layout acontecem sempre que uma entidade visível altera sua posição inicial (por exemplo, posição superior e esquerda no modo de gravação padrão) entre dois quadros. Tais elementos são considerados instáveis.

Desta maneira, o navegador analisa o tamanho da janela de exibição e o movimento de elementos instáveis entre dois quadros renderizados para calcular a pontuação da mudança de layout. A pontuação da mudança de layout é um produto de duas medidas de movimento: fração de impacto e fração de distância.

 

Como medir e relatar os principais vitais da Web?

A seguir, estão algumas das ferramentas disponíveis que suportam os principais vitais da Web e podem ser usadas para medi-las:

 

Relatório de experiência do usuário do Chrome

O Relatório de experiência do usuário do Chrome fornece as métricas sobre como os usuários reais percebem os sites, o mesmo pode ser acessado via Google Data Studio.

Estes resultados representam a experiência de usuários reais da origem visitada. O Relatório compara aos testes virtuais ou locais em ambientes definidos e simulados, desta maneira, o resultado captura o conjunto completo de variáveis externas que formam e levam à experiência do usuário final.

 

Informações do PageSpeed

 

O PageSpeed Insights (PSI) é uma ferramenta de teste de velocidade que analisa o conteúdo de uma página da Web e fornece sugestões para o aprimoramento da velocidade. 

 

Search Console

O relatório do Search Console também mostra o desempenho das URL agrupado por status, tipo de métrica e grupo de URLs (grupos de páginas da web semelhantes).

Ele é baseado nas três métricas principais do Web Vitals: LCP, FID e CLS. Assim se uma URL não tiver dados mínimos de relatório para qualquer uma dessas métricas, ele será omitido do relatório. 

 

Posted on