Métricas
As métricas no CrUX são baseadas em APIs padrão de plataformas da Web expostas pelos navegadores. Especificamente no conjunto de dados do BigQuery, esses dados são agregados à resolução de origem. Os proprietários de sites que precisam de análises e insights mais detalhados (por exemplo, resolução no nível do URL) sobre a performance podem usar as mesmas APIs para coletar dados detalhados de medição de usuários reais (RUM, na sigla em inglês) sobre as próprias origens. Embora todas as APIs estejam disponíveis no Chrome, outros navegadores podem não ser compatíveis com o conjunto completo de métricas.
A maioria das métricas é representada como uma agregação de histograma, permitindo a visualização da distribuição e da aproximação dos valores de percentil.
Primeira pintura
"A Primeira exibição informa a hora em que o navegador foi renderizado pela primeira vez após a navegação. Isso exclui a pintura de segundo plano padrão, mas inclui a pintura de segundo plano não padrão. Esse é o primeiro momento importante para os desenvolvedores no carregamento da página: quando o navegador começa a renderizar a página."
Primeira exibição de conteúdo
"A Primeira exibição de conteúdo informa a hora em que o navegador renderizou pela primeira vez qualquer texto, imagem (incluindo imagens de plano de fundo), tela não branca ou SVG. Isso inclui textos com webfonts pendentes. Essa é a primeira vez que os usuários começam a consumir conteúdo da página."
Conteúdo DOM carregado
"O DOMContentLoaded informa a hora em que o documento HTML inicial foi completamente carregado e analisado, sem esperar que folhas de estilo, imagens e subframes terminem de carregar."
Maior exibição de conteúdo
"A Maior exibição de conteúdo (LCP) é uma métrica importante centrada no usuário para medir a velocidade de carregamento percebida, porque marca o ponto na linha do tempo de carregamento da página quando o conteúdo principal da página provavelmente foi carregado. Uma LCP rápida ajuda a garantir ao usuário que a página é útil."
Onload
"O evento de carregamento é disparado quando a página e os recursos dependentes são carregados."
Cumulative Layout Shift
"A Mudança de layout cumulativa (CLS) é uma métrica importante e centrada no usuário para medir a estabilidade visual, porque ajuda a quantificar a frequência com que os usuários experimentam mudanças inesperadas de layout. Um CLS baixo ajuda a garantir que a página seja agradável."
Latência na primeira entrada
"A latência na primeira entrada (FID, na sigla em inglês) é uma métrica importante e centrada no usuário para medir a capacidade de resposta do carregamento, porque quantifica a experiência dos usuários ao tentar interagir com páginas que não respondem. Um FID baixo ajuda a garantir que a página seja utilizável."
web.dev/articles/fid (link em inglês)
Interaction to Next Paint
"Interação com a próxima exibição (INP) é uma métrica de campo que avalia a capacidade de resposta. O INP registra a latência de todas as interações ao longo do ciclo de vida da página. O valor mais alto dessas interações (ou próximo do valor mais alto para páginas com muitas interações) é registrado como o INP da página. Um INP baixo garante que a página sempre responda de maneira confiável."
A interação com o Next Paint (INP) foi adicionada ao conjunto de dados CrUX em fevereiro de 2022. Essa nova métrica captura a latência de ponta a ponta de eventos individuais e oferece uma visão mais holística da capacidade de resposta geral de uma página durante todo seu ciclo de vida.
Tipos de navegação
A métrica Tipos de navegação fornece um detalhamento da porcentagem de visualizações de página das seguintes navegações:
| Tipo | Descrição |
|---|---|
navigate |
Um carregamento de página, que não se encaixa em nenhuma das outras categorias. |
navigate_cache |
Um carregamento de página para o qual o recurso principal (o documento HTML principal) foi veiculado a partir do cache HTTP. Os sites costumam usar o armazenamento em cache para sub-recursos, mas o documento HTML principal costuma ser muito menos armazenado em cache e, quando possível, isso pode resultar em melhorias perceptíveis no desempenho porque pode ser armazenado em cache localmente e em uma CDN. |
reload |
O usuário recarregou a página, seja pressionando o botão "Atualizar", pressionando Enter na barra de endereço ou desfazendo o fechamento de uma guia. Os recarregamentos de página muitas vezes resultam em revalidação de volta ao servidor para verificar se a página principal foi alterada. Uma alta porcentagem de atualizações da página pode indicar frustrações na experiência do usuário. |
restore |
A página foi recarregada após a reinicialização do navegador ou uma guia foi removida por motivos de memória. Para o Chrome no Android, elas são relatadas como "recarregar". |
back_forward |
O histórico de navegação, ou seja, a página foi vista e retornada recentemente. Com o armazenamento em cache correto, essas experiências devem ser razoavelmente rápidas, mas ainda assim a página precisa ser processada e o JavaScript executado. O bfcache evita isso. |
back_forward_cache |
Uma navegação de histórico que foi veiculada a partir do bfcache. Otimizar suas páginas para aproveitar o bfcache (removendo bloqueadores) resulta em experiências mais rápidas e, por isso, os sites devem parecer |
prerender |
A página foi pré-renderizada, o que, de maneira semelhante ao bfcache, pode resultar em carregamentos quase instantâneos. |
Em alguns casos, um carregamento de página pode ser uma combinação de vários tipos de navegação. Nesse caso, o CrUX informa a primeira correspondência na ordem inversa da tabela (de baixo para cima).
Confira mais informações na postagem de avisos sobre os tipos de navegação.
Métricas experimentais
As métricas experimentais estão disponíveis no conjunto de dados CrUX usando o BigQuery e algumas também na API CrUX. É provável que essas métricas mudem regularmente conforme evoluem com base no feedback dos usuários. Confira as notas da versão para ficar por dentro das mudanças mais recentes.
Tempo até o primeiro byte
O TTFB só é coletado em carregamentos de página completa, ao contrário de outros timers (como LCP), que também são coletados em navegações de avanço e retorno e na pré-renderização. Dessa forma, o tamanho da amostra do TTFB pode ser menor do que outras métricas e pode não ser necessariamente comparado diretamente com elas.
Popularidade
A métrica de classificação de popularidade é uma medida relativa da popularidade do site no conjunto de dados CrUX medida pelo número total de navegações na origem. A classificação está em uma escala log10 com meia etapa (por exemplo, top 1k, top 5k, top 10k, top 50k, top 100k, top 500k, top 1M etc.) com cada classificação excluindo a anterior (por exemplo, os top 5k são, na verdade, 4k URLs, excluindo os top 1k). O limite superior é dinâmico conforme o conjunto de dados cresce.
A popularidade é fornecida como um guia para uma análise ampla, por exemplo,para determinar o desempenho por país das mil origens principais.
Permissões de notificações
Para sites que solicitam permissão para mostrar notificações aos usuários, essa métrica representa a frequência relativa de respostas dos usuários às solicitações: aceitar, negar, ignorar ou dispensar.