Código Google: Conheça as Métricas da Web: o recurso essencial para ter um site saudável

Conheça as Métricas da Web: o recurso essencial para ter um site saudável

12/05/2020

code { background-color: transparent } Otimizar a qualidade da experiência do usuário é fundamental para o sucesso a longo prazo de qualquer site na Web. Por meio do engajamento contínuo e da colaboração de milhões de desenvolvedores da Web e proprietários de sites, desenvolvemos diversas métricas e ferramentas úteis no Google. Com esses recursos, proprietários de empresas, profissionais de marketing e desenvolvedores podem identificar oportunidades para melhorar as experiências dos usuários. No entanto, o grande número de métricas e ferramentas gera um conjunto de desafios de priorização, clareza e consistência para muitas pessoas.
Hoje, estamos lançando as Métricas da Web, um novo programa do Google criado para fornecer orientação unificada sobre os sinais de qualidade que são essenciais para proporcionar uma ótima experiência do usuário na Web.

Principais métricas da Web A avaliação da qualidade da experiência do usuário tem muitas facetas. A maioria das medições são específicas para o site e o contexto, mas há um conjunto comum de sinais — “Principais métricas da Web" — que são fundamentais para todas as experiências na Web. Essas necessidades essenciais da experiência do usuário incluem a experiência de carregamento, a interatividade e a estabilidade visual do conteúdo da página, que combinadas são a base das Principais métricas da Web de 2020.

Maior exibição de conteúdo: mede a velocidade de carregamento percebida e marca o ponto na linha do tempo para indicar quando o conteúdo principal provavelmente foi carregado.

Atraso na primeira interação: mede a capacidade de resposta e quantifica a experiência dos usuários que tentam interagir pela primeira vez com a página.

Mudança de layout cumulativa: mede a estabilidade visual e quantifica as mudanças inesperadas no layout do conteúdo visível da página.

Todas essas métricas capturam importantes resultados centrados no usuário, são mensuráveis e têm ferramentas e diagnósticos de laboratório equivalentes. Por exemplo, a Maior exibição de conteúdo é a principal métrica de carregamento, mas também depende muito dos indicadores da Primeira exibição de conteúdo (FCP) e do Tempo para o primeiro byte (TTFB), que precisam ser monitorados e aprimorados. Medição das Principais métricas da Web Nosso objetivo é simplificar e facilitar o acesso e a medição das Principais métricas da Web para todos os proprietários e desenvolvedores de sites, tanto nas plataformas do Google quanto nos painéis e nas ferramentas desses profissionais.
Relatório de UX do Chrome: permite que os proprietários de sites avaliem rapidamente o desempenho das páginas para cada métrica da Web, conforme a experiência de usuários reais do Chrome. O conjunto de dados do BigQuery já apresenta histogramas acessíveis ao público para todas as Principais métricas da Web. Além disso, estamos trabalhando em uma nova REST API que tornará o acesso aos dados no nível do URL e da origem ainda mais simples e fácil.
Incentivamos todos os proprietários de sites a coletar as análises de medição de usuários reais para cada uma das Principais métricas da Web. Para permitir esse recurso, vários navegadores, incluindo o Google Chrome, implementaram e ofereceram suporte para todas as especificações de rascunho atuais das Principais métricas da Web: Maior exibição de conteúdo, Instabilidade do layout e Horário do evento. Além disso, hoje estamos lançando uma biblioteca JavaScript de código aberto web-vitals que fornece um wrapper pequeno e pronto para a produção. Esse recurso pode ser usado com qualquer provedor de análises que ofereça suporte a métricas personalizadas ou como referência para capturar com precisão cada uma das Principais métricas da Web para os usuários do seu site.

// Exemplo do uso do web-vitals para medir e reportar CLS, FID e LCP.

import {getCLS, getFID, getLCP} from 'web-vitals';

function reportToAnalytics(data) {

const body = JSON.stringify(data);

(navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||

fetch('/analytics', {body, method: 'POST', keepalive: true});

}

getCLS((metric) => reportToAnalytics({cls: metric.value}));

getFID((metric) => reportToAnalytics({fid: metric.value}));

getLCP((metric) => reportToAnalytics({lcp: metric.value}));

Durante o processo de teste e desenvolvimento, percebemos a importância do acesso fácil ao estado de cada uma das Principais métricas da Web, tanto no desenvolvimento quanto na navegação na Web. Para ajudar os desenvolvedores a identificar oportunidades de otimização, também estamos lançando uma visualização da Principais métricas da Web. Essa extensão apresenta um indicador visual no Chrome sobre o estado de cada métrica à medida que você navega na Web. No futuro, também será possível ver insights agregados de usuários reais (fornecidos pelo Relatório de UX do Chrome) sobre o estado de cada métrica principal para o URL e a origem atuais.
Por fim, nos próximos meses, atualizaremos o Lighthouse, o Chrome DevTools, o PageSpeed Insights, o Relatório de velocidade do Search Console e outras ferramentas conhecidas, buscando destacar e fornecer orientações consistentes e práticas para melhorar o recurso de Principais métricas da Web. Evolução das Principais métricas da Web O grupo atual de Principais métricas da Web de 2020 não é um conjunto completo de indicadores que captura a experiência do usuário ideal na Web. Pretendemos revisar essas métricas anualmente e fornecer atualizações regulares sobre futuros candidatos, motivação e status de implementação.
Com foco no ano de 2021, estamos investindo na melhoria do entendimento e da capacidade de medir a velocidade da página e outras características essenciais da experiência do usuário. Como exemplo disso, queremos estender a capacidade de medir a latência de entrada em todas as interações (não apenas na primeira), incluir novas métricas para medir e quantificar a fluidez, oferecer métricas primitivas e de suporte que permitirão a entrega de experiências instantâneas e de preservação da privacidade na Web e muito mais.
novidades no web.devinscreva-se na nossa lista de e-mails
Ilya Grigorik, engenheiro de desempenho da Web

Nenhum comentário :

Postar um comentário

Conheça as Métricas da Web: o recurso essencial para ter um site saudável

Nenhum comentário :

Labels

Archive

Feed