Apresentando nosso painel do Page Speed ​​Analytics

Nos últimos dois anos, vimos os mecanismos de pesquisa se interessarem cada vez mais pela velocidade da página como um indicador da qualidade do site. No início deste ano, o Google lançou a atualização Core Web Vitals. Isso adicionou mais velocidade da página e informações de experiência em seu algoritmo de classificação.

Está claro que as velocidades de página serão uma métrica importante a ser monitorada nos próximos anos. Para nós, isso significa poder ver o desempenho de cada seção do seu site a cada semana em comparação com os concorrentes. Desenvolvemos nosso PageSpeed ​​Console para essa finalidade. Neste artigo, mostraremos como nossos clientes o usam para obter insights sobre a experiência de velocidade da página de seus sites.

Por que avaliar a velocidade da página é importante?

Neste ponto, todo profissional de marketing digital sabe o quão importante é a velocidade da página para SEO e experiência do usuário.

A velocidade da página tem um impacto significativo na experiência do usuário. Quanto mais os usuários tiverem que esperar o carregamento de uma página, maior a probabilidade de eles saírem antes de converter. Quase 70% das pessoas entrevistadas pela Unbounce disseram que a velocidade da página influencia sua probabilidade de compra.

A própria pesquisa do Google e da Deloitte sobre a velocidade da página descobriu que a cada 0,1 segundo de melhoria no tempo de carregamento pode aumentar as taxas de conversão em 8%.

O mesmo vale para outras métricas de experiência de página relacionadas à velocidade, como mudanças no layout e conteúdo de carregamento lento.

Por que a velocidade da página é importante para SEO?

A velocidade da página afeta o SEO porque o Google usa o Core Web Vitals como um sinal de classificação. Core Web Vitals são três métricas de velocidade de página que medem a rapidez com que o conteúdo da página é carregado. Essas métricas são:

• Maior pintura de conteúdo (LCP)
• Atraso da primeira entrada (FID)
• Mudança de layout cumulativa (CLS)

O Google usa essas métricas para avaliar a qualidade da experiência do usuário.

A análise de velocidade da página é um aspecto importante do desempenho do site que os gerentes da web e os SEOs devem monitorar. Tudo o mais igual, é mais provável que uma página tenha uma classificação melhor na página de resultados do Google se tiver melhores métricas do Core Web Vital.

Limitações com o PageSpeed ​​Insights

Embora seja possível buscar dados de velocidade da página manualmente da ferramenta PageSpeed ​​Insights do Google, isso tem algumas limitações importantes:

• Não escalável
  A ferramenta examina um URL por vez, o que torna a avaliação de vários URLs bastante demorada.
  
• Métricas de relance, não ao longo do tempo
  A ferramenta fornece um instantâneo das métricas de velocidade da página. Isso dificulta a medição de melhorias ou declínios na velocidade da página ao longo do tempo. Da mesma forma, torna difícil monitorar o impacto nas métricas de velocidade da página das melhorias que você faz.
  
• Não é possível comparar métricas com concorrentes
  Como você só pode testar um URL por vez, seria necessário executar vários testes para comparar suas métricas internas de velocidade da página com as dos concorrentes. Mesmo se você fizer isso, isso seria apenas um instantâneo, distorcido pelas páginas que você escolher e a hora em que você executa seu teste.

A ferramenta de velocidade de página móvel do Google tem problemas semelhantes.

O painel de monitoramento do Page Speed ​​da Ayima resolve esses problemas.

Como funciona nosso monitor de velocidade de página

Nosso painel do Page Speed ​​usa a API Page Speed ​​Insights do Google para analisar o desempenho de muitas páginas em vários domínios.

Fazemos solicitações de API para métricas de desempenho de desktop e dispositivos móveis para uma amostra de páginas internas (cliente) e concorrentes. Nossos clientes têm acesso direto à lista de páginas rastreadas e podem atualizá-las a qualquer momento, bastando atualizar uma planilha do Google.

Para aqueles que são nerds de Python, ou simplesmente curiosos, este artigo se aprofunda em como interagimos com a API Page Speed ​​Insights.

Nosso aplicativo acompanha os resultados de desempenho no BigQuery. Isso nos permite medir e relatar as alterações nas métricas de velocidade da página ao longo do tempo. Conectamos esses dados armazenados com o Google Data Studio, onde construímos um painel de velocidade de página adaptado às necessidades de cada cliente.

Temos a capacidade de destacar sites de concorrentes específicos em cada painel, bem como URLs e tipos de página. Isso torna o monitoramento da velocidade da página em seu site incrivelmente fácil.

Elementos principais do nosso Monitor de velocidade de página

Nosso painel de velocidade da página fornece uma visão geral abrangente do desempenho da velocidade da página de um site ao longo do tempo. Ele também traça seu desempenho em relação aos seus concorrentes.

Coletamos dados de duas fontes: dados de campo e dados de laboratório. Você pode encontrar mais informações sobre essas métricas e o que elas medem na documentação do Google. Também temos mais algumas informações técnicas sobre HTTP2 e velocidade da página.

• Dados de campo
  Captura dados do usuário do mundo real. Isso nos permite identificar gargalos do mundo real.
  • Mudança de layout cumulativa (CLS)
    Mede a estabilidade visual. Um CLS baixo garante que as interações da página sejam suaves e sem atrasos.

• Atraso da primeira entrada (FID)
  Mede a capacidade de resposta à carga. Um FID baixo garante que a página seja utilizável e que os usuários possam interagir com ela.

• Maior pintura de conteúdo (LCP)
  Mede a velocidade de carga percebida. Um LCP rápido ajuda a garantir aos usuários que uma página tem conteúdo suficiente para interagir com ela.

Primeira pintura de conteúdo (FCP)
Mede a velocidade de carga percebida. Um FCP rápido ajuda a tranquilizar os usuários de que algo está acontecendo.

Além dos Core Web Vitals mencionados acima - LCP, FID e CLS - monitoramos várias outras métricas de nível superior, listadas abaixo:

• Dados do laboratório
  Coleta dados de um ambiente controlado. Isso permite resultados reproduzíveis que podem ser úteis para depurar problemas de desempenho.
  • Pontuação de desempenho
    Usa as métricas de dados de laboratório de uma página para fornecer uma pontuação resumida.

• Mudança de layout cumulativa (CLS)

• Maior pintura de conteúdo (LCP)

• Primeira pintura de conteúdo (FCP)

• Índice de velocidade
  O Índice de velocidade mede a rapidez com que o conteúdo é exibido visualmente durante o carregamento da página

• Tempo para Interação (TTI)
  Mede a capacidade de resposta à carga. Um TTI rápido significa que a página é rapidamente utilizável e interativa

• Tempo total de bloqueio (TBT)
  Mede a capacidade de resposta total. Um TBT baixo significa que a página é utilizável e que os usuários podem interagir com ela.

Insights do nosso Page Speed ​​Tracker

Nosso objetivo com o Page Speed ​​Tracker é fornecer informações que a ferramenta PageSpeed ​​Insights existente do Google não conseguia.

Queríamos a capacidade de rastrear métricas relevantes ao longo do tempo. Isso nos permitiria medir a eficácia das iniciativas de velocidade da página ou o impacto de algumas alterações no site.

Além disso, se atualizamos apenas um determinado tipo de página, queríamos poder isolá-los em nossa análise. Da mesma forma, queríamos a capacidade de analisar o desempenho de tipos de dispositivos ou países específicos, se necessário.

Todos esses foram insights que ajudariam a dar vantagem aos nossos clientes. Isso permitiria que eles fizessem alterações direcionadas para melhorar a velocidade de sua própria página, assim como fizemos com nosso próprio site.

Medir o desempenho da velocidade da página ao longo do tempo, em oposição a um único instantâneo, nos permitiria determinar quando estamos nos movendo na direção certa. Também nos mostraria exatamente o quanto estávamos movendo a agulha.

Também era importante que pudéssemos comparar o desempenho do site com o de nossos concorrentes. Às vezes, as métricas de velocidade da página podem parecer ruins com base no sistema de pontuação do Google. Mas, se a natureza do setor exigir o uso de imagens ou vídeos grandes e de alta qualidade, é importante que demonstremos isso por meio da análise da concorrência. Um site pode ter um desempenho ruim de acordo com o Google, mas bem em relação aos concorrentes e vice-versa.

A primeira seção do painel fornece uma visão geral de alto nível das métricas de velocidade da página do nosso cliente em comparação com os concorrentes. Um gráfico de séries temporais nos permite comparar várias pontuações de velocidade de página com os concorrentes ao longo do tempo. Calculamos a média dos dados do concorrente em vários sites para fornecer uma perspectiva do setor sobre o desempenho da velocidade da página. Podemos, portanto, monitorar o impacto das alterações/migrações do site na velocidade do site.

Incluímos um detalhamento mais granular das principais métricas vitais da Web mais abaixo no painel. Da mesma forma, incluímos dados de concorrentes em cada gráfico para fornecer uma referência.

Os filtros personalizados nos permitem analisar o desempenho de um subconjunto de páginas, países e/ou tipos de dispositivos etc.

Uma visão geral do KPI nos fornece as métricas de dados de laboratório e de campo rapidamente. Mais uma vez, fornecemos dados de concorrentes para cada métrica, que considera a média de vários sites de concorrentes.

Incluímos a alteração da média de 30 dias para mostrar melhorias ou declínios. A codificação por cores destaca áreas facilmente identificáveis ​​para melhoria. As métricas vermelhas são o que o Google considera ruins e devem ter precedência em qualquer esforço de otimização. As métricas laranja são pontuações decentes e as métricas verdes são boas pontuações.

As seções Tipo de página e País do painel detalham as áreas do site do nosso cliente que precisam ser melhoradas. Eles mostram quais regiões e modelos estão ou não se movendo na direção certa.

Uma seção de detalhamento de concorrentes mais abrangente permite visualizar as métricas de velocidade da página em vários concorrentes. Isso permite que você identifique quais sites concorrentes, em particular, estão tendo um bom desempenho e podem justificar mais investigações.

Se um concorrente obtiver classificações nas SERPs, podemos olhar aqui para determinar se isso se correlacionou com uma mudança positiva nas métricas de velocidade da página. Ou, se um concorrente redesenhar seu site, poderemos monitorar o impacto na velocidade do site aqui.

Os gráficos de dados de campo mostram a porcentagem de usuários com métricas rápidas, médias e lentas. As médias semanais nos permitem visualizar as tendências ao longo do tempo para determinar o impacto dos esforços para melhorar as métricas de velocidade da página.

Podemos fazer gráficos e tabelas adicionais para atender às necessidades de nossos clientes.

Como configurá-lo?

O Ayima PageSpeed ​​Console é algo que fornecemos para nossos clientes de SEO, pois nos ajuda a impulsionar o desempenho. Entre em contato conosco se tiver alguma dúvida ou quiser saber mais, adoraríamos ouvi-lo!