Painel CrUX

O painel do CrUX é um painel do Looker Studio (antigo Data Studio) que vincula os dados brutos do CrUX no nível da origem no BigQuery e os visualiza. Isso elimina a necessidade de os usuários do painel criarem consultas ou gerarem gráficos. Tudo é criado para você. Basta fornecer uma origem e o painel será gerado.

Acessar o painel do CrUX

Para iniciar o painel do CrUX, insira uma origem ou um URL e pressione Enter ou clique em Go:

O URL do painel pode ser compartilhado e adicionado aos favoritos para consulta rápida.

Isso funciona para todos os sites?

Não. Se a origem não estiver incluída no conjunto de dados do CrUX, não haverá dados para exibir. Há mais de 15 milhões de origens no conjunto de dados, mas a que você quer pode não ter dados suficientes para ser incluída.

Alguns problemas comuns com origens são o fornecimento do protocolo errado, por exemplo, http:// em vez de https://, e a omissão do subdomínio quando necessário. Alguns sites incluem redirecionamentos. Portanto, se http://example.com redirecionar para https://www.example.com, use o último, que é a versão canônica da origem.

Usar um mecanismo de pesquisa personalizado para acessar o painel

Uma alternativa para quem visita domínios diferentes com frequência é configurar um mecanismo de pesquisa personalizado no Chrome, que permite transmitir um termo de pesquisa (a origem, neste caso) para um URL. Para fazer isso, acesse as configurações do Chrome usando o menu de três pontos no canto superior direito do Chrome. Em "Configurações", escolha a opção "Mecanismo de pesquisa".

Página de configurações do Chrome para mecanismos de pesquisa em que você pode "Gerenciar mecanismos de pesquisa e pesquisas em sites"
Configurações do Chrome para mecanismos de pesquisa.

Expanda "Gerenciar mecanismos de pesquisa e pesquisa no site", role até "Pesquisa no site", clique no botão "Adicionar" e insira os seguintes detalhes:

  • Mecanismo de pesquisa: CrUX
  • Atalho: crux
  • URL com %s no lugar da consulta: https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
Caixa de diálogo "Adicionar mecanismo de pesquisa" do Chrome com três campos: o nome do mecanismo de pesquisa, o atalho e o URL com %s no lugar da consulta.
Caixa de diálogo "Adicionar mecanismo de pesquisa" do Chrome.

Depois disso, quando você digitar crux e pressionar tab na barra de pesquisa, vai ser possível inserir uma origem, e o Chrome vai navegar até o painel do CrUX para essa origem.

Barra de endereço do Chrome mostrando o comando "Search CrUX".
Como usar um mecanismo de pesquisa personalizado na barra de endereço do Chrome.

Se você omitir o protocolo, o HTTPS será usado. Os subdomínios são importantes. Por exemplo, https://developers.google.com e https://www.google.com são considerados origens diferentes.

Se a origem existir no CrUX, você será direcionado ao painel, preenchido com os dados do CrUX para essa origem:

Painel do CrUX para developer.chrome.com mostrando a tela inicial das Core Web Vitals.
Exemplo de painel do CrUX.

visão geral do painel

Cada painel tem três tipos de páginas:

  1. Visão geral das Core Web Vitals
  2. Desempenho da métrica
  3. Informações demográficas do usuário

Cada página inclui um gráfico que mostra as distribuições ao longo do tempo para cada versão mensal disponível. À medida que novos conjuntos de dados forem lançados, atualize o painel para conferir os dados mais recentes.

Os conjuntos de dados mensais são lançados na segunda-feira de cada mês. Por exemplo, o conjunto de dados que consiste em dados de experiência do usuário do mês de maio é lançado na segunda-feira seguinte.

Visão geral das Core Web Vitals

A primeira página é uma visão geral da performance mensal das Core Web Vitals da origem. Estas são as métricas de UX mais importantes que o Google recomenda que você se concentre.

Visão geral das Core Web Vitals do painel do CrUX mostrando detalhes sobre LCP, INP e CLS para este site.
Visão geral das Core Web Vitals do painel do CrUX.

Use a página "Core Web Vitals" para entender como a origem é percebida pelos usuários de computadores e smartphones. Por padrão, o mês mais recente no momento da criação do painel é selecionado. Para alternar entre versões mensais mais antigas ou mais recentes, use o filtro Mês na parte de cima da página.

Desempenho da métrica

Depois da página "Core Web Vitals", você vai encontrar páginas independentes para todas as métricas no conjunto de dados do CrUX.

Página de LCP do painel do CrUX mostrando um gráfico de barras empilhadas com dados de LCP bons, com melhorias necessárias e ruins em 10 meses.
Página de LCP do painel do CrUX.

No topo de cada página, há o filtro Dispositivo, que pode ser usado para restringir os formatos incluídos nos dados de experiência. Por exemplo, é possível detalhar especificamente as experiências do smartphone. Essa configuração é aplicada a todas as páginas.

As principais visualizações nessas páginas são as distribuições mensais de experiências categorizadas como "Boas", "Melhorias necessárias" e "Ruins". A legenda codificada por cores abaixo do gráfico indica o intervalo de experiências incluídas na categoria. Por exemplo, na captura de tela anterior, é possível ver a porcentagem de experiências "boas" de Largest Contentful Paint (LCP) com uma ligeira oscilação e piora nos últimos meses.

As porcentagens de experiências "boas" e "ruins" do mês mais recente são mostradas acima do gráfico, junto com um indicador da diferença percentual em relação ao mês anterior. Para essa origem, as experiências de LCP "boas" caíram 0,8% para 83,25% mês a mês, o número de p75 não teve movimentação e permaneceu em 1.500 mês a mês, e as experiências de LCP "ruins" aumentaram 3,6% (mostrado em vermelho, porque um aumento aqui é ruim) para 7,42%. As variações percentuais são variações percentuais reais, e não variações de pontos percentuais. Por exemplo, 83,93% para 83,25% é uma variação de 0,68 ponto percentual ou uma diminuição de 0,8% do total anterior de 83,93%.

Além disso, para métricas como LCP e outras Core Web Vitals que oferecem recomendações explícitas de percentil, você vai encontrar a métrica "P75" entre as porcentagens "boa" e "ruim". Esse valor corresponde ao percentil 75 da origem das experiências do usuário. Em outras palavras, 75% das experiências são melhores do que esse valor. Isso se aplica à distribuição geral em todos os dispositivos na origem. Alternar dispositivos específicos com o filtro Device não recalcula a porcentagem.

Considerações técnicas sobre percentis

As métricas de percentil são baseadas nos dados do histograma do BigQuery.Portanto, a granularidade será grosseira: 100 ms para LCP, 25 ms para INP e 0, 05 para CLS. Em outras palavras, um LCP de P75 de 3.800 ms indica que a verdadeira 75ª percentil está entre 3.800 ms e 3.900 ms.

Além disso, o conjunto de dados do BigQuery usa uma técnica chamada "distribuição de bins", em que as densidades das experiências do usuário são agrupadas de forma intrínseca em bins muito grosseiros de granularidade decrescente. Isso nos permite incluir densidades de minutos na cauda da distribuição sem precisar exceder quatro dígitos de precisão. Por exemplo, os valores de LCP menores que 3 segundos são agrupados em intervalos de 200 ms. Entre 3 e 10 segundos, os intervalos têm 500 ms de largura. Após 10 segundos, os intervalos têm 5.000 ms de largura... Em vez de ter intervalos de larguras variadas, a distribuição de intervalos garante que todos os intervalos tenham uma largura constante de 100 ms (o maior divisor comum) e que a distribuição seja interpolada linearmente em cada intervalo.

Os valores de P75 correspondentes em ferramentas como o PageSpeed Insights não são baseados no conjunto de dados público do BigQuery e podem fornecer valores com precisão de milissegundos.

Informações demográficas do usuário

Há duas dimensões incluídas nas páginas demográficas do usuário: dispositivos e tipos de conexão efetivos (ECTs, na sigla em inglês). Essas páginas ilustram a distribuição das visualizações de página em toda a origem para usuários em cada grupo demográfico.

A página de distribuição de dispositivos mostra o detalhamento dos usuários de smartphones, computadores e tablets ao longo do tempo:

Página de dispositivos do painel do CrUX mostrando a distribuição de dispositivos por smartphone, computador e tablet em 10 meses.
Página do dispositivo do painel do CrUX.

Muitas origens tendem a ter poucos ou nenhum dado de tablet. Por isso, é comum que você veja "0%" na borda do gráfico.

Da mesma forma, a página de distribuição de ECT mostra o detalhamento das experiências 4G, 3G, 2G, 2G lento e off-line.

As distribuições dessas dimensões são calculadas usando segmentos dos dados do histograma de First Contentful Paint (FCP, na sigla em inglês).

Perguntas frequentes

Estas são algumas das perguntas frequentes sobre o conjunto de dados do BigQuery do CrUX:

Quando devo usar o painel do CrUX em vez de outras ferramentas?

O painel do CrUX é baseado nos mesmos dados disponíveis no BigQuery, mas você não precisa escrever uma única linha de SQL para extrair os dados e não precisa se preocupar em exceder as cotas sem custo financeiro. A configuração de um painel é rápida, todas as visualizações são geradas para você, e você tem o controle para compartilhar com quem quiser.

Há alguma limitação no uso do painel do CrUX?

Como o painel do CrUX é baseado no BigQuery, ele herda todas as limitações dele. Ele é restrito a dados de origem com granularidade mensal.

O painel do CrUX também troca um pouco da versatilidade dos dados brutos no BigQuery por simplicidade e conveniência. Por exemplo, as distribuições de métricas são fornecidas apenas como "boa", "precisa de melhoria" e "ruim", em vez de histogramas completos. O painel do CrUX também fornece dados em nível global, enquanto o conjunto de dados do BigQuery permite ampliar países específicos.

Como posso personalizar o painel

A página detalha como acessar uma versão somente leitura do painel do CrUX mantida pela equipe do CrUX. Se você quiser criar sua própria cópia do painel para editá-lo e mostrar diferentes visualizações, consulte este guia do usuário para mais informações. Ao criar sua própria cópia, você vai precisar atualizar o mês manualmente e não vai se beneficiar de nenhuma adição feita no painel oficial, como novas métricas ou outras informações.