Saiba como usar os dados dos campos na atualização da extensão das Métricas da Web

A extensão do Web Vitals agora mostra onde suas experiências locais estão em relação às experiências reais do usuário no campo.

Publicado em 2 de julho de 2021

As Principais métricas da Web são as métricas mais importantes para medir e entender as experiências dos usuários, porque quando os usuários têm boas experiências, coisas boas acontecem. A extensão das Métricas da Web para Chrome é uma ferramenta na caixa de ferramentas das Métricas da Web que mostra dados de performance sobre as páginas que você visita enquanto navega na Web.

O desempenho da página depende de muitos fatores, incluindo hardware e qualidade da rede. A experiência que você tem com uma página na sua máquina pode ser muito diferente da maioria dos usuários. É por isso que a versão 1.0 da extensão do Web Vitals inclui um novo recurso que integra dados de usuários reais do Relatório de UX do Chrome (CrUX, na sigla em inglês) com suas medições locais do Core Web Vitals. Esse recurso exibe as medições locais no contexto de como outros usuários acessaram as mesmas páginas. Ele vem com uma nova interface, e estou animada para mostrar como ele funciona.

Dados de campo do CrUX

O CrUX é um conjunto de dados públicos de experiências de usuários reais no Chrome. Ele alimenta algumas das ferramentas essenciais no fluxo de trabalho das Core Web Vitals, como o Search Console e o PageSpeed Insights. Os dados brutos de milhões de sites também podem ser consultados publicamente no conjunto de dados CrUX no BigQuery e na API CrUX. Essa atualização da extensão Métricas da Web integra os dados de computador no nível da página e da origem da API CrUX.

Os dados de experiência do usuário são divididos em três classificações qualitativas: boa, precisa de melhoria e ruim. Os limites usados para cada classificação estão documentados nos guias de cada uma das métricas do Core Web Vitals: LCP, FID e CLS. Por exemplo, a API CrUX pode informar que 16% das experiências de usuários reais em uma determinada página são avaliadas como tendo uma boa LCP de menos de 2,5 segundos.

Nova interface de extensão

Captura de tela da
extensão Web Vitals mostrando uma explicação de como a experiência da LCP local se relaciona com os dados de computadores
do usuário real no campo.
Captura de tela da extensão Web Vitals mostrando uma explicação de como a experiência da LCP local se relaciona com os dados de área de trabalho de usuários reais em campo.

Na nova interface da extensão de Métricas da Web, sua experiência local é sobreposta à distribuição mais ampla de experiências do usuário real. É como quando você está em um lugar amplo, como um shopping center, e há um mapa grande com todas as lojas e um alfinete chamado "VOCÊ ESTÁ AQUI" para ajudar você a se orientar e encontrar para onde está indo.

As distribuições de dados de usuários reais do CrUX são dispostas em uma barra horizontal para cada métrica. Suas experiências locais aparecem como pontos únicos nessas barras horizontais. A posição da experiência local na barra horizontal indica onde ela se encontra em relação às distribuições de usuários reais. Isso vai deixar claro imediatamente quando sua experiência local for muito diferente da de outros usuários. Por exemplo, se você tem uma experiência de LCP lenta e apenas 1% dos usuários têm experiências semelhantes, algo incomum pode ter acontecido.

Como voltar aos dados da origem

Captura de tela da extensão
Web Vitals mostrando dados de campo de origem no computador com
Captura de tela da extensão do Web Vitals mostrando dados de campo para computador no nível da origem com "Aguardando entrada…" para os resultados do FID.

Algumas páginas não têm dados no nível do URL no conjunto de dados do CrUX. Isso pode acontecer porque a página é tão nova que ainda não foi detectada ou porque ela tem tráfego insuficiente para ser incluída no conjunto de dados. Em casos como esses, a extensão dos Web Vitals volta a dados mais granulares no nível da origem sempre que possível. Esses dados representam as experiências do usuário agregadas em todas as páginas do site. Portanto, embora possam não ser imediatamente relevantes para a experiência da sua página específica, eles ainda precisam oferecer algumas informações sobre a experiência dos usuários no site como um todo.

Outro caso comum é a mensagem "Aguardando entrada...". Isso ocorre porque a FID é a única Core Web Vitals que exigem a medição da interação do usuário. Portanto, a extensão não terá dados de FID locais para mostrar até que você interaja com a página.

Casos extremos

Captura de tela da
extensão do Web Vitals mostrando apenas dados locais. Os dados de campo estão indisponíveis.
Captura de tela da extensão Web Vitals mostrando apenas dados locais. Os dados de campo não estão disponíveis.

Há alguns casos extremos menos comuns que você pode encontrar ao usar a extensão.

Pode acontecer de origens inteiras terem dados insuficientes. Nesse caso, a extensão vai mostrar apenas como suas experiências locais foram.

A forma como você interage com a página também pode afetar a relevância dos dados. Por exemplo, o carregamento da página em uma guia em segundo plano conta para a métrica LCP até que você a coloque em primeiro plano. Se você levar 90 segundos para mudar de guia, o LCP pode aparecer como 91,5 segundos. Quando isso acontece, um pequeno ícone de aviso aparece ao lado do valor do LCP para alertar sobre a inflação artificial. Esses tipos de valores de LCP irrelevantes são ignorados no conjunto de dados do CrUX.

Um último caso extremo a ser considerado é específico para FID. Como depende das interações do usuário, é menos provável que ela esteja disponível no conjunto de dados para páginas e sites com menos visualizações. Portanto, se você visitar uma página assim, só vai encontrar dados de campo para LCP e CLS. É importante notar que o mesmo pode acontecer para LCP ou CLS em situações extremamente raras, mas esse problema é predominantemente afetado pela FID.

Comparação de dados de campo de telefones

Captura de tela da extensão do Web Vitals mostrando métricas locais em comparação com dados de campo de telefone.
Captura de tela da extensão das Métricas da Web mostrando as métricas locais em comparação com os dados de campo do smartphone.

Por padrão, todos os dados na extensão do Web Vitals correspondem a experiências reais de usuários de computadores. Afinal, essa extensão só está disponível em versões para computador do Chrome. Por isso, seria mais relevante ver como os usuários em condições semelhantes interagem com a página ou origem.

É importante entender também as experiências dos usuários de smartphones. Portanto, a extensão tem uma configuração avançada na página "Opções" que permite comparar sua experiência local com os dados telefônicos em campo.

Para ativar os dados de telefone na extensão, siga estas etapas:

  1. Clique com o botão direito do mouse no ícone da extensão na barra de ferramentas e selecione Opções.
  2. Marque a opção Comparar experiências locais com dados de campo do smartphone.

A interface será atualizada em alguns lugares para indicar em qual modo você está. As experiências de usuários reais de smartphones podem ser muito diferentes das de usuários de computadores. Portanto, use esse recurso com discrição.

Instalar a extensão das Métricas da Web

Para começar a usar a versão mais recente da extensão das Métricas da Web, acesse a Chrome Web Store para fazer a instalação. Se você já for usuário da extensão, o upgrade para a versão 1.0 será feito automaticamente. Se você tiver algum feedback sobre sua experiência com a extensão (solicitações de recursos, relatórios de bugs, qualquer coisa), entre em contato conosco no repositório de código aberto no GitHub. Esperamos que isso ajude você a entender melhor onde suas experiências locais estão em relação a outros usuários reais.

Crédito da imagem: Mark Garlick/Science Photo Library/Getty Images