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
3 comments :
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.
Geometry Dash - A thrilling platformer that's all about rhythm and precision. This guide will help you master the game and unlock its full potential.
This post saved me so much time. Ehsaas Program 8171 for Low-Income Families Appreciate it!
Post a Comment