A extensão de Métricas da Web agora mostra onde estão suas experiências locais em relação às experiências reais do usuário no campo.
As Core Web Vitals são as mais importantes para entender as experiências dos usuários, porque, quando eles têm experiências boas, coisas boas acontecem. A extensão Web Vitals para o Chrome é uma ferramenta da caixa de ferramentas da Web Vitals que mostra dados de desempenho sobre as páginas que você visita enquanto navega na Web.
O desempenho da página depende de muitos fatores, incluindo a qualidade do hardware e da rede. A experiência de uma página na sua máquina pode ser muito diferente da experiência da maioria dos usuários. É por isso que a versão 1.0 da extensão Métricas da Web inclui um novo recurso que integra dados de usuários reais do Chrome UX Report (CrUX, na sigla em inglês) com suas medições locais das Core Web Vitals. Esse recurso exibe suas medições locais no contexto de como outros usuários experimentaram as mesmas páginas. Ele vem com uma interface nova e incrível, e estou animado para mostrar a você como ele funciona.
Dados de campo do CrUX
O CrUX é um conjunto de dados públicos sobre experiências de usuários reais no Chrome. Ela 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 do BigQuery e na API CrUX. Essa atualização da extensão das Métricas da Web integra os dados de computador no nível da página e da origem da API CrUX.
Os dados da experiência do usuário são divididos em três classificações qualitativas: bom, precisa de melhorias e ruim. Os limites usados para cada classificação estão documentados nos guias de cada uma das métricas das 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 boa LCP abaixo 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 está relacionada aos dados de computador
do usuário real em campo.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-51820f8a5926b.png?authuser=5&hl=pt)
Na nova interface de extensão das Métricas da Web, sua experiência local é adicionada à distribuição mais ampla de experiências de usuários reais. É como quando você está em um lugar amplo, como um shopping center, e há um mapa enorme com todas as lojas e um alfinete etiquetado "VOCÊ ESTÁ AQUI" para ajudar a se orientar e encontrar para onde está indo.
As distribuições dos dados do usuário real provenientes do CrUX são dispostas em uma barra horizontal para cada métrica. Suas experiências locais são exibidas como pontos únicos nessas barras horizontais. A posição da experiência local na barra horizontal indica onde ela se enquadra em relação às distribuições de usuários reais. Isso vai ficar evidente 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.
Retorno aos dados no nível da origem
![Captura de tela da extensão Web Vitals mostrando dados de campo da área de trabalho no nível da origem com](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-0b4109da12477.png?authuser=5&hl=pt)
Algumas páginas não têm dados no nível do URL no conjunto de dados CrUX. Isso pode acontecer porque a página é tão nova que ainda não foi selecionada ou porque ela não tem tráfego suficiente para ser incluída no conjunto de dados. Nesses casos, a extensão das Métricas da Web usa dados mais granulares no nível da origem sempre que possível. Esses dados representam as experiências agregadas do usuário em todas as páginas do site. Portanto, mesmo que não sejam imediatamente relevantes para sua experiência específica, eles ainda oferecem insights sobre a experiência dos usuários no site.
Outro caso comum é a mensagem "Aguardando entrada...". Isso ocorre porque o FID é a única Core Web Vitals que exige que a interação do usuário seja medida. Assim, a extensão não terá nenhum dado local da FID até que você interaja com a página.
Casos extremos
![Captura de tela da
extensão Web Vitals mostrando apenas dados locais. Os dados de campo não estão disponíveis.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-5f733479effd8.png?authuser=5&hl=pt)
Existem alguns casos extremos menos comuns que podem ser encontrados ao usar a extensão.
Pode acontecer de origens inteiras não terem dados suficientes. Nesse caso, a extensão mostrará apenas o desempenho das suas experiências locais.
A forma como você interage com a página também pode afetar a relevância dos dados. Por exemplo, carregar a página em uma guia em segundo plano vai ser contabilizado na métrica de LCP durante todo o tempo até que ela seja colocada em primeiro plano. Se você levar 90 segundos para mudar para a guia, a LCP poderá aparecer como 91,5 segundos. Quando isso acontece, um pequeno ícone de aviso aparece ao lado do valor de LCP para avisar 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 que você precisa conhecer é o específico da FID. Como depende das interações do usuário, isso diminui a probabilidade de estar disponível no conjunto de dados para páginas e sites com menos visualizações de página. Portanto, se você estiver visitando uma página como essa, talvez veja apenas dados de campo para LCP e CLS. É importante notar que, para garantir a integridade, o mesmo pode acontecer com LCP ou CLS em situações extremamente raras, mas esse problema é predominantemente afetado pela FID.
Comparação de dados de campo de smartphones
![Captura de tela da
extensão Web Vitals mostrando as métricas locais em comparação com os dados do campo de telefone.](https://web.dev/static/articles/field-data-in-the-web-vitals-extension/image/screenshot-the-web-vital-76cccedb1613d.png?authuser=5&hl=pt)
Por padrão, todos os dados na extensão das Core Web Vitals correspondem às experiências reais dos usuários em computadores em campo. Afinal, essa extensão só está disponível em versões para computador do Chrome, por isso é mais relevante ver a experiência de usuários em condições semelhantes com a página ou origem.
É importante entender também a experiência dos usuários do smartphone. Por isso, a extensão tem uma configuração avançada na página "Opções" que permite comparar sua experiência local com os dados do telefone em campo.
Para ativar os dados do telefone na extensão, siga estas etapas:
- Clique com o botão direito do mouse no ícone da extensão na barra de ferramentas e selecione Opções.
- Marque a opção Comparar experiências locais com dados de campo telefônico.
A interface será atualizada em alguns lugares para indicar em qual modo você está. Esteja ciente de que as experiências reais dos usuários de smartphone podem ser muito diferentes das de usuários de computadores. Por isso, use esse recurso com cuidado.
Instalar a extensão de Métricas da Web
Para começar a usar a versão mais recente da extensão Web Vitals, acesse a Chrome Web Store e faça a instalação. Se você for um usuário da extensão, faça upgrade para a versão 1.0 automaticamente. Se você tiver algum feedback sobre sua experiência com a extensão (solicitações de recursos, relatórios de bugs, qualquer coisa), informe-nos no repositório de código aberto (link em inglês) no GitHub. Espero que isso ajude você a entender melhor onde estão suas experiências locais em relação a outros usuários reais do campo.
Imagem: Mark Garlick/Biblioteca de Fotografia de Ciências/Getty Images