O PageSpeed Insights (PSI, na sigla em inglês) informa o desempenho real de uma página para dispositivos móveis e computadores. Além disso, ele sugere maneiras de aprimorar a página.
Pontuação de velocidade
O PageSpeed Insights incorpora dados do relatório de experiência do usuário do Chrome (CrUX, na sigla em inglês) para exibir dados do desempenho real de uma página. O PSI informa duas métricas: 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 cada métrica de uma página for rápida.
- Lento: se qualquer uma das métricas de uma página for lenta.
- Médio: todos os outros casos.
Distribuições de carregamento de página
A seção "Distribuições de carregamento de página" mostra a distribuição das métricas FCP e DCL da página no conjunto de dados do CrUX. 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 semanalmente.
Pontuação de otimização
O PageSpeed Insights 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 relacionados ao desempenho da página: a configuração do servidor, a estrutura HTML da 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:
- Ciclos de bloqueadores de renderização: os ciclos de ida e volta necessários para exibir recursos bloqueadores 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. Para otimizar a página, o desenvolvedor poderá analisar as regras Evitar redirecionamentos da página de destino, Eliminar JavaScript e CSS bloqueadores de renderização, Aproveitar armazenamento em cache do navegador, Priorizar o conteúdo visível e Reduzir o tempo de resposta do servidor.
- 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 otimizá-la, o desenvolvedor poderá analisar as regras Ativar compactação, Reduzir recursos e Otimizar imagens.
Dúvidas?
Em caso de dúvida sobre o PageSpeed Insights, consulte nossa seção de Perguntas frequentes ou publique uma mensagem no nosso grupo de discussão.