O PageSpeed Insights (PSI) é uma ferramenta para desenvolvedores Web entenderem o que é o desempenho de uma página e como melhorá-lo. Ele usa o Lighthouse para auditar a página e identificar oportunidades de melhorar a performance. Ela também está integrada ao Chrome UX Report (CrUX, na sigla em inglês) para mostrar como usuários reais interagem com a página e a origem de forma agregada. Neste guia, você vai aprender a usar o PSI para extrair insights do CrUX e entender melhor a experiência do usuário.
Como ler os dados
Para começar, acesse https://pagespeed.web.dev/ Insira o URL da página que você quer testar e clique em Analisar.
Após alguns segundos, o Lighthouse auditorias serão realizadas, e você verá seções com dados do CrUX ("Descubra o que seus usuários reais estão enfrentando") e do Lighthouse ("Diagnosticar problemas de desempenho"). O CrUX é uma coleção de experiências reais de usuários, enquanto o Lighthouse é um teste controlado no laboratório.
Na seção de experiências do usuário real, as métricas são agrupadas por Core Web Vitals e outras métricas importantes. As três métricas das Core Web Vitals são listadas primeiro: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) e Cumulative Layout Shift. Em seguida, há outras métricas importantes: First Contentful Paint (FCP) e Time to First Byte (TTFB).
Core Web Vitals
- A LCP mede o tempo até a página mostrar o que provavelmente é o conteúdo principal, como uma imagem principal ou um cabeçalho.
- O INP mede a interatividade da página ao medir a latência de todas as interações de um usuário com a página e informa um único valor que todas (ou quase todas) as interações foram menores.
- A CLS mede o grau de instabilidade do layout na página devido a mudanças, como a injeção de conteúdo carregado de forma assíncrona.
Outras métricas importantes
- A FCP mede o tempo até a página exibir algo no primeiro plano, como texto ou logotipo.
- O TTFB é uma métrica experimental que mede o tempo entre a solicitação de um recurso e o momento em que o primeiro byte de uma resposta começa a chegar.
Limites de métricas
Esta tabela descreve como os valores dessas métricas são categorizados como "bom", "precisa de melhorias" ou "ruim".
| Métrica | "Bom" | "Precisa melhorar" | "Pobre" |
|---|---|---|---|
| LCP | 0 a 2.500 ms | 2.500 a 4.000 ms | Mais de 4.000 ms |
| CLS | 0,00-0,10 | 0,10 a 0,25 | 0,25+ |
| INP | 0 a 200 ms | 200 ms a 500 ms | Mais de 500 ms |
| First Contentful Paint (FCP) | 0 a 1.800 ms | 1.800–3.000ms | Mais de 3.000 ms |
| TTFB | 0 a 800 ms | 800 a 1.800 ms | Mais de 1.800 ms |
As Core Web Vitals são as métricas mais importantes e são vistas diretamente por usuários reais. As outras métricas podem ser usadas como diagnósticos, mas não são necessariamente perceptíveis por usuários reais. Portanto, essas métricas não são consideradas na avaliação das Core Web Vitals, e não atender aos critérios de "boa" os limites mínimos só serão importantes se afetarem negativamente as Core Web Vitals.
A experiência do usuário pode ser mostrada no PSI de três maneiras:
- um rótulo que resume a página como aprovada ou não nas Core Web Vitals avaliação
- percentis medidos em segundos ou milissegundos (o CLS não tem unidade)
- uma distribuição que representa a porcentagem de “bom”, “precisa melhorar” e “ruim” Clique em Expandir visualização no canto superior direito desta seção.
Na captura de tela anterior, a página está marcada como "Aprovado". a avaliação das Core Web Vitals. Para ser aprovado, o percentil precisa ser categorizado como "bom" nas três Core Web Vitals. Caso contrário, a avaliação vai aparecer como "reprovada". Algumas páginas podem não ter dados de INP suficientes. Nesse caso, a página é avaliada com base nas outras duas métricas das Core Web Vitals.
Os percentis mostrados para todas as métricas correspondem ao 75º percentil. Em estatística, um percentil é uma medida que indica o valor abaixo do qual uma determinada porcentagem de amostras está. Por exemplo, a captura de tela acima mostra que o 75o percentil do INP é de 64 ms, o que significa que 75% das experiências de INP são mais rápidas que 64 ms. Esses valores são codificados por cores de acordo com a tabela de limites anterior, em que "bom" os valores são verdes, os valores "precisa melhorar" são laranja e "ruim" são vermelhos.
Por fim, as distribuições de cada métrica são ilustradas usando os atributos "bom", "precisa de melhorias" e "ruim" agrupamento. Por exemplo, as experiências de LCP nesta página são "boas" (menos de 2,5 segundos) 90% do tempo. INP é "ruim" (pelo menos 500 milissegundos) 1% do tempo. Essas distribuições representam todas as experiências do usuário na página, e as formas delas indicam a tendência de ser "boa" ou "ruim".
Resumo da performance da origem
O PSI também inclui um resumo do desempenho da origem. Essa é uma agregação das experiências do usuário em todas as páginas de uma origem. Você pode receber as mesmas estatísticas para uma origem inteira que estão disponíveis para páginas individuais. Esses dados estão alinhados com o que está disponível no BigQuery, mas o desempenho no nível da página não é disponibilizado para consulta.
Há uma grande diferença entre os dados no nível da origem no PSI e no BigQuery. Os conjuntos de dados no BigQuery são lançados uma vez por mês e contêm os dados do mês anterior. Por exemplo, o conjunto de dados de 202005 inclui todas as experiências do usuário que ocorreram em maio de 2020. Por outro lado, o PSI agrega novos dados todos os dias, abrangendo os 28 dias anteriores. Portanto, os resultados que você vê hoje podem ser diferentes amanhã e não necessariamente os mesmos que veria na agregação do mês atual no BigQuery.
Respostas quando os dados de URL não estão disponíveis no CrUX
Se o URL inserido não estiver disponível no CrUX, o PageSpeed Insights vai tentar usar os dados no nível da origem, conforme mostrado na próxima captura de tela. Clique no ícone ao lado do botão Este URL desativado para ver mais explicações.
Se os dados no nível da origem também não estiverem disponíveis no CrUX, o PSI não vai conseguir mostrar essa seção e a mensagem No Data será exibida. Os dados de laboratório do Lighthouse ainda estão disponíveis para dar uma estimativa do desempenho da página.
Perguntas frequentes
Estas são algumas das perguntas frequentes sobre os dados CrUX no PageSpeed Insights:
Quando devo usar o PageSpeed Insights em vez de outras ferramentas?
O PSI combina os dados reais da experiência do usuário do CrUX com o diagnóstico de desempenho baseado em laboratório do Lighthouse. Isso torna mais fácil ver a velocidade de visualização de uma página e como torná-la mais rápida, tudo em um só lugar. A agregação diária de dados de campo no PSI faz dele um ótimo lugar para monitorar melhor a origem ou o desempenho do URL do que as ferramentas com agregações menos frequentes.
Há alguma limitação no uso do PageSpeed Insights?
O PSI fornece somente a agregação diária mais recente. Portanto, você não necessariamente conseguirá ver a tendência do desempenho de um site. Há também algumas métricas não vitais incluídas no conjunto de dados do CrUX que não são expostas no PSI.
Onde posso encontrar mais informações sobre o PageSpeed Insights?
Confira a documentação do PSI. para mais informações.