Google PageSpeed ​​Insights vs. Lighthouse: o que mede melhor o desempenho do site?

O que é velocidade de página?

A velocidade da página é a quantidade de tempo entre quando um navegador envia uma solicitação para acessar uma página e quando a página renderiza o conteúdo. As páginas são compostas por muitos componentes visíveis e invisíveis (imagens, texto, rastreadores, plugins, etc.) com tempos de carregamento variados e finalidades do usuário. O Google divide a velocidade da página em métricas específicas que medem os marcos de carregamento, como a primeira pintura de conteúdo e o tempo para interação.

As velocidades das páginas flutuam à medida que seu site cresce, a tecnologia muda e os padrões da web evoluem. Isso pode afetar a forma como os visitantes usam seu site e até mesmo se eles convertem. Assim, rastrear a velocidade da página deve ser uma parte fundamental do processo regular de monitoramento da integridade do site.

Mas qual é a melhor ferramenta de rastreamento de velocidade de página?

O Google oferece duas opções oficiais: Google PageSpeed ​​Insights e Lighthouse. Ambos são ferramentas gratuitas e poderosas projetadas para ajudar os profissionais de marketing digital e desenvolvedores a otimizar a velocidade da página do site - com algumas diferenças importantes entre eles. Vamos comparar o PageSpeed ​​Insights com o Lighthouse e discutir o que você precisa saber sobre como rastrear e melhorar a velocidade da página.

O que é o Google PageSpeed ​​Insights?

O Google PageSpeed ​​Insights (PSI) é uma ferramenta gratuita que mede as métricas de velocidade da página em computadores e dispositivos móveis usando dados do mundo real e de laboratório. Os dados do mundo real (também chamados de "dados de campo") são um agregado de 28 dias extraído do Relatório de experiência do usuário do Chrome, enquanto os dados de laboratório são calculados usando a API Lighthouse.

O PSI é simples para qualquer um usar: basta acessar https://pagespeed.web.dev/, inserir uma URL e aguardar alguns instantes para que a API gere um relatório. Você poderá ver como o URL se compara aos Principais Web Vitals do Google, avaliar as métricas de velocidade detalhadas e receber uma classificação geral de desempenho do site.

A Classificação de Desempenho é uma média ponderada de cada pontuação da métrica de velocidade. É como uma nota geral, mas não é uma medida completa. As porcentagens entre parênteses abaixo indicam o peso atribuído a cada métrica ao calcular a Classificação de desempenho.

• Primeira pintura de conteúdo: (10%) quanto tempo leva para a primeira imagem ou bloco de texto carregar completamente.
• Índice de velocidade: (10%) O tempo médio que leva para o conteúdo visível carregar até que a tela seja concluída.
• Maior pintura com conteúdo: (25%) Quanto tempo leva para a maior imagem ou bloco de texto carregar totalmente.
• Tempo para Interação: (10%) Quanto tempo leva para uma página se tornar totalmente interativa.
• Tempo total de bloqueio: (30%) A diferença de tempo entre a primeira exibição de conteúdo e o tempo para interação durante o qual uma página é bloqueada para entrada do usuário. (Em outras palavras, a diferença de tempo entre quando algo aparece pela primeira vez na tela e quando o usuário pode clicar nele.)
• Mudança de layout cumulativa: (15%) Uma medida de mudanças de layout inesperadas, ou seja, carregamento de conteúdo fora de ordem que reorganiza ou desloca outro conteúdo para cima ou para baixo na página.

Não se preocupe se a classificação de desempenho do seu site não for perfeita ou se algumas de suas métricas parecerem baixas. As métricas de velocidade podem flutuar dependendo de alguns fatores fora do seu controle. Lembre-se de que essas métricas são um agregado de dados e as experiências reais variam de usuário para usuário.

Dito isso, você pode maximizar sua classificação de desempenho e melhorar a velocidade da página concentrando-se nas seções "Oportunidades e diagnósticos" próximas à parte inferior do relatório. Essas seções contêm recomendações para ações específicas que podem melhorar as métricas de velocidade, embora possam exigir ajuda de um desenvolvedor web de SEO para serem implementadas.

O que é o Farol do Google?

O Google Lighthouse é uma ferramenta gratuita e de código aberto que pode realizar auditorias de sites para medir muitas métricas diferentes. Além de avaliar a velocidade da página, o Lighthouse pode avaliar até que ponto um site se encaixa nos padrões modernos de desenvolvimento da Web, o nível de acessibilidade de um site, rastreabilidade e muito mais.

O Lighthouse usa exclusivamente dados de laboratório, o que significa que as auditorias são executadas em um ambiente controlado e pré-definido — não coletados de dados reais do usuário.

Existem algumas maneiras diferentes de acessar o teste de velocidade do Google Lighthouse. A maneira mais fácil para não desenvolvedores usarem o Lighthouse é por meio da extensão do navegador Chrome, embora a extensão não possa auditar páginas com autenticação de cookie por conta própria. Os desenvolvedores podem usar o Chrome DevTools para acesso completo.

Seu relatório do Lighthouse incluirá informações sobre:

• Desempenho: as auditorias de desempenho medem todas as mesmas métricas de velocidade do PSI, além de fornecer dados de desenvolvimento mais detalhados.
• Práticas recomendadas: As auditorias de práticas recomendadas analisam a “saúde do código” geral de um site em comparação com os padrões de desenvolvimento modernos, incluindo padrões de segurança.
• Acessibilidade: é impossível resumir a acessibilidade da web em uma única pontuação, portanto, as auditorias de acessibilidade procuram várias oportunidades de melhoria no design, interfaces de usuário, linguagem, desenvolvimento e outras áreas.
• SEO: as auditorias de otimização de mecanismos de pesquisa (SEO) fornecem um teste básico para verificar se os mecanismos de pesquisa podem rastrear facilmente sua página.
• Progressive Web App: Se o seu site for um Progressive Web App, esta auditoria mede sua velocidade geral, confiabilidade e instalabilidade.

O que são pacotes de pilha de farol?

Os Stack Packs são um dos recursos mais recentes do Lighthouse. Com os Stack Packs, os desenvolvedores podem visualizar recomendações baseadas em pilha, dependendo de quais pilhas uma página usa. Essas recomendações são mais relevantes do que as recomendações gerais padrão oferecidas pelo Lighthouse, que não são compatíveis com todas as ferramentas e plataformas. Novos Stack Packs são lançados com frequência, então visite o repositório oficial do Github para saber mais.

Google PageSpeed ​​Insights x Lighthouse

O Google PageSpeed ​​Insights combina dados reais de usuários e laboratórios para fornecer uma visão geral completa e fácil de entender da velocidade de uma página. O Lighthouse é focado no desenvolvedor e coleta dados de laboratório de auditorias que cobrem tudo, desde a velocidade de carregamento da página até a segurança da Web. Ambos oferecem recomendações de melhoria.

Google PageSpeed ​​Insights x Lighthouse: visão geral

Quando usar o Google PageSpeed ​​Insights

Use o PSI se quiser uma compreensão clara da velocidade de um URL e recomendações específicas de melhoria para implementar por conta própria ou retransmitir a um desenvolvedor.

Quando usar o Google Lighthouse

Use o Lighthouse se você for um desenvolvedor (ou não desenvolvedor com algum conhecimento de desenvolvedor) e quiser se aprofundar em muitas métricas de site diferentes além da velocidade da página. Os Stack Packs podem ajudar a fornecer recomendações mais personalizadas do que as padrão oferecidas pelo Lighthouse.

Quer os melhores dados? Use o PageSpeed ​​Insights e o Lighthouse

O PSI e o Lighthouse têm seus pontos fortes e limitações, mas são mais eficazes quando usados ​​juntos para criar uma imagem completa do seu site.

Enquanto o Lighthouse oferece uma visão mais ampla dos dados, o PageSpeed ​​Insights oferece uma visão mais realista do desempenho das páginas da Web para usuários reais. Use ambos para obter recomendações para melhorar o front-end e o back-end do seu site. Quanto mais dados você tiver à sua disposição, mais eficazes serão os ajustes do seu site.

Aproveite ao máximo as ferramentas do Google com nosso e-book gratuito

Se você tirar uma coisa deste artigo, deve ser que a velocidade da página é importante – e muito mais complexa do que parece à primeira vista. Assim como não há apenas uma maneira de aumentar a velocidade de um site, não há apenas uma maneira de aumentar o desempenho do mecanismo de pesquisa do seu site — ou mesmo uma melhor ferramenta do Google para rastrear dados.

Otimizar seu site envolve fazer malabarismos com muitos dados e navegar por ferramentas complicadas. Para tornar as coisas menos complicadas, baixe nosso e-book gratuito, Ferramentas do Google para SEO .

Um guia para ferramentas do Google para SEO

Baixe este guia para saber como fazer o melhor uso das ferramentas gratuitas e poderosas que o Google fornece para melhorar seus processos e desempenho de SEO.