O PageSpeed Insights gera relatórios sobre o desempenho real de uma página ou uma origin para dispositivos móveis e computadores. Além disso, ele sugere maneiras de melhorar a página quando ela é analisada.
Pontuação de velocidade
O PageSpeed Insights incorpora dados do Chrome User Experience Report (CrUX, na sigla em inglês) para exibir dados do desempenho real de uma página ou de um origin. O PSI informa duas metrics: primeira exibição de conteúdo (FCP, na sigla em inglês) e carregamento do conteúdo DOM (DCL, na sigla em inglês).
O valor da mediana de cada métrica (FCP ou DCL) é comparado a todas as páginas monitoradas pelo relatório CrUX. Cada métrica recebe uma categoria, dependendo de onde ela se encaixa na distribuição:
- Rápido: o valor da mediana da métrica está no terço mais rápido de todos os carregamentos de página.
- Lento: o valor da mediana da métrica está no terço mais lento de todos os carregamentos de página.
- Médio: o valor da mediana da métrica está no terço médio de todos os carregamentos de página.
A pontuação geral de velocidade é calculada com base nas categorias de cada métrica:
- Rápido: se todas as métricas de uma página/origin forem rápidas.
- Lento: se qualquer métrica de uma página/origin for lenta.
- Médio: todos os outros casos.
Distribuições de carregamento de página
A seção "Distribuição de carregamento de página" mostra a distribuição das métricas FCP e DCL no conjunto de dados CrUX.
- Origin: dados de velocidade agregada de todas as páginas veiculadas a partir desse origin.
- Página: dados de velocidade de uma página.
A distribuição de cada métrica é dividida em três categorias: Rápido (terço mais rápido), Médio (terço médio) e Lento (terço mais lento). A distribuição é atualizada diariamente.
Pontuação de otimização
O PageSpeed Insights só apresenta informações de otimização quando analisa uma única página.
O PSI avalia a conformidade de uma página com as práticas recomendadas comuns para desempenho e calcula uma pontuação de 0 a 100 que estima o espaço disponível para otimização do desempenho. Ele avalia se o desempenho de uma página pode melhorar em duas áreas:
- Tempo de carregamento acima da dobra: tempo decorrido entre o momento em que o usuário solicita uma nova página e o momento em que o conteúdo acima da dobra é renderizado pelo navegador.
- Tempo de carregamento da página inteira: tempo decorrido entre o momento em que o usuário solicita uma nova página e o momento em que a página é totalmente processada pelo navegador.
A pontuação é categorizada como Boa, Média ou Ruim. O cálculo pressupõe que o objetivo do desenvolvedor é manter a mesma aparência e funcionalidade da página.
- Boa: a maioria das práticas recomendadas de desempenho foi aplicada à página, e o espaço disponível para outras otimizações é pequeno. A pontuação da página é 80 ou mais.
- Média: algumas otimizações comuns de desempenho não foram aplicadas à página, e o espaço disponível para otimização é médio. A pontuação da página fica entre 60 e 79.
- Ruim: a página não foi otimizada e há muito espaço disponível para otimização. A pontuação da página fica entre 0 e 59.
A pontuação de otimização calcula o espaço disponível do desempenho de uma página. Uma página com velocidade lenta pode ter uma pontuação de otimização alta porque tem uma proporção baixa de recursos bloqueadores de renderização em relação ao total de recursos usados pela página. Porém, uma página rápida pode ter uma baixa pontuação de otimização porque tem um número alto de recursos bloqueadores de renderização em relação ao total de recursos.
Estatísticas da página
Esta seção descreve os ciclos de ida e volta necessários para carregar os recursos bloqueadores de renderização da página, o total de bites usados e uma comparação desses dados com o número da mediana dos ciclos e bites utilizados no conjunto de dados. Além disso, ela pode indicar se uma alteração na aparência e na funcionalidade da página pode torná-la mais rápida.
Sugestões de otimização
Esta é uma lista de práticas recomendadas que podem ser aplicadas à página. Se a página for rápida, as sugestões ficarão ocultas por padrão porque ela já está entre as primeiras páginas do conjunto de dados, e outras melhorias provavelmente são desnecessárias.
Como o desempenho de uma conexão de rede varia consideravelmente, a otimização aborda os aspectos independentes da rede do desempenho da página: a configuração do servidor, a estrutura HTML de uma página e o uso de recursos externos, como imagens, JavaScript e CSS. A implementação das sugestões deve melhorar o desempenho relativo da página. No entanto, o desempenho absoluto da página ainda dependerá da conexão de rede do usuário.
O desempenho da velocidade é afetado por vários fatores, mas dois deles são os mais importantes:
- Viagens de ida e volta que bloqueiam a renderização : as idas e voltas necessárias para enviar recursos de bloqueio de renderização. Caso a maioria dos recursos de uma página seja de bloqueadores de renderização, o PageSpeed Insights considerará que a página tem muito espaço disponível para otimização. O desenvolvedor pode investigar as regras Evitar redirecionamentos de página de destino, Eliminar JavaScript e CSS bloqueadores de renderização, Aproveitar o armazenamento em cache do navegador, Priorizar conteúdo visível e Reduzir tempo de resposta do servidor para otimização.
- Tamanho da resposta: o tamanho total da resposta, incluindo os principais recursos HTML e todos os sub-recursos. Se a maior parte do conjunto de resposta puder ser eliminada por compactação ou minificação, o PageSpeed Insights determinará que a página tem muito espaço disponível para otimização. Para otimização, o desenvolvedor pode investigar as regras Ativar compactação, Reduzir recursos e Otimizar imagens.
Dúvidas?
Se você tiver dúvidas sobre o PageSpeed Insights, consulte nossas Perguntas frequentes ou poste uma mensagem em nosso grupo de discussão.