Como usar as principais métricas da Web para manter o engajamento dos visitantes

As Métricas da Web são uma iniciativa do Google para unificar orientações que garantam uma excelente experiência do usuário na Web.

Principais métricas da Web são 3 "Métricas da Web". De acordo com as pesquisas, quando um site atende às principais métricas da Web, as pessoas abandonam a página 24% menos.

O foco das principais métricas da Web

• Carregando
• Interatividade
• Estabilidade visual

O primeiro passo para melhorar suas principais métricas da Web é coletar dados.

• O PageSpeed Insights mensura e cria relatórios sobre a experiência do usuário com uma página (em dispositivos móveis ou desktops), além de sugerir melhorias.
  
  
• O Search Console mensura e cria relatórios sobre as principais métricas da Web na sua página, com base em como seu público usa seu site
  
  
• A extensão do Chrome das Métricas da Web mensura e cria relatórios sobre o desempenho de uma página quanto às principais métricas da Web em tempo real, e é a melhor opção para desenvolvedores

💡Prática recomendada: mande sugestões de qualquer uma dessas ferramentas para seu desenvolvedor.

Exigir pouco tempo de carregamento mostra para seu público que a página é útil.

• 50% das pessoas saem do site se ele demorar mais de três segundos para carregar
• 47% delas esperam que as páginas da Web levem até dois segundos para carregar
• 52% dizem que o tempo de carregamento é importante na fidelidade a uma marca

O carregamento é mensurado pela métrica Maior exibição de conteúdo (LCP, na sigla em inglês), que é o tempo que a maior imagem ou bloco de texto leva para aparecer.

Para atender às principais métricas da Web, 75% das suas páginas precisam carregar em até 2,5 segundos.

💡Práticas recomendadas

• Ative o carregamento lento
• Use vídeos em vez de GIFs grandes
• Remova códigos não utilizados

Enquanto a métrica Carregamento indica a velocidade do seu site para exibir conteúdos, a Interatividade avalia se o site é responsivo quando o público seleciona uma matéria ou realiza outra ação.

A Interatividade é medida pela latência na primeira entrada (FID, na sigla em inglês), que é o tempo de alguém clicar em um link ou botão até o site começar a processar essa ação.

Para atender às principais métricas da Web, 75% das suas páginas precisam começar o processamento de um clique em até 0,1 segundos.

💡Práticas recomendadas

• Ativar o carregamento lento, que separa o código em tarefas menores
• Carregar o código necessário para a página primeiro
• Reduzir códigos que buscam dados

Já aconteceu de você começar a ler uma matéria e, antes de terminar a frase, você se perder porque o texto se moveu?

Na maioria dos casos, isso é apenas chato. Mas, em alguns casos, pode ter consequência realmente negativas.

A estabilidade visual é mensurada pela mudança de layout cumulativa (CLS, na sigla em inglês), ou seja, o maior número de mudanças de conteúdo por vez.

Para atender às principais métricas da Web, 75% das suas páginas precisam ter até 0,1 como pontuação.

💡Práticas recomendadas

• Definir proporções ou dimensões para imagens e vídeos
• Escolher o tamanho mais provável com base em anúncios anteriores

Evitar exibir anúncios bem na parte de cima da página