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.
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
Atraso
na primeira interação
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.
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.
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.
Siga
nossas novidades
no web.dev e inscreva-se na nossa lista de e-mails para ver
atualizações futuras sobre métricas e outros assuntos da Web.
Ilya Grigorik, engenheiro de desempenho da Web
Um comentário :
Optimizing user experience for website success poppy playtime chapter 3 engages players with an engaging storyline, just like these web metrics aim to increase user engagement on the site.
Postar um comentário