Como automatizar as estatísticas de velocidade da página para vários URLs com planilhas do Google

O cálculo das métricas de desempenho da velocidade da página individual pode ajudar você a entender com que eficiência o site está funcionando como um todo. Como o Google usa a velocidade de um site (geralmente medido e referido como Velocidade da página) como um dos sinais usados ​​por seu algoritmo para classificar as páginas, é importante ter essas informações no nível da página.

No entanto, um dos pontos fracos da otimização do desempenho do site é a falta de capacidade de executar facilmente avaliações de desempenho da velocidade da página em massa. Existem muitas ferramentas excelentes, como o PageSpeed ​​Insights ou o plug-in Lighthouse Chrome, que podem ajudá-lo a entender mais sobre o desempenho de uma página individual, mas essas ferramentas não são facilmente configuradas para ajudá-lo a coletar informações para vários URLs e executar relatórios individuais por centenas ou mesmo milhares de páginas não é exatamente viável ou eficiente.

Em setembro de 2018, decidi encontrar uma maneira de coletar métricas de desempenho em todo o site e acabei com uma solução funcional. Embora esse método tenha resolvido meu problema inicial, o processo de configuração é bastante complexo e exige que eu tenha acesso a um servidor.

Finalmente, não era um método eficiente. Além disso, era quase impossível compartilhar facilmente com outras pessoas (especialmente aquelas fora do UpBuild).

Em novembro de 2018, dois meses após a publicação desse método, o Google lançou a versão 5 da API do PageSpeed ​​Insights. O V5 agora usa o Lighthouse como seu mecanismo de análise e também incorpora dados de campo fornecidos pelo CrUX (Chrome User Experience Report). Em resumo, agora esta versão da API fornece facilmente todos os dados fornecidos nas auditorias do Chrome Lighthouse.

Então, voltei à prancheta e tenho o prazer de anunciar que agora existe um método mais fácil e automatizado para produzir relatórios em massa do Lighthouse usando o Google Sheets e a API do Pagespeed Insights v5.

Apresentação automatizada do relatório PageSpeed ​​Insights:

Com essa ferramenta, podemos descobrir rapidamente as principais métricas de desempenho de vários URLs com apenas alguns cliques.

Tudo o que você precisa é de uma cópia desta planilha do Google, de uma chave gratuita da API do Google e de uma lista dos URLs para os quais você deseja obter dados, mas primeiro, vamos fazer um tour rápido.

Como usar esta ferramenta

A planilha do Google consiste nas três seguintes guias:

Configurações

Nesta guia, você será solicitado a fornecer uma chave exclusiva da API do Google para que a planilha funcione.

Obter uma chave da API do Google

1. Visite a página Credenciais da API do Google.

2. Escolha a opção de chave da API no menu suspenso "Criar credenciais" (como mostrado):

3. Agora você deve ver uma mensagem que fornece uma chave de API exclusiva:

4. Em seguida, copie e cole essa chave de API na seção mostrada abaixo, encontrada na guia "Configurações" da planilha do Pagespeed Insights Automation.



Agora que você possui uma chave de API, está pronto para usar a ferramenta.

5. Finalmente, verifique se a API PageSpeed ​​está ativada. Isso permite que o script da planilha do Google se comunique com a API PageSpeed.

Definir a programação do relatório

Na guia Configurações, você pode agendar em que dia e hora o relatório deve começar a ser executado toda semana. Como você pode ver nesta captura de tela abaixo, configuramos este relatório para iniciar toda quarta-feira às 8:00 da manhã. Isso será definido no horário local, conforme definido pela sua conta do Google.



Como você pode ver, essa configuração também está atribuindo o relatório para execução nas próximas três horas no mesmo dia. Essa é uma solução alternativa às limitações definidas pelos scripts do Google Apps e pela API do Google PageSpeed.

Limitações

Nossa planilha do Google está usando um script do Google Apps para executar toda a mágica nos bastidores. Sempre que o relatório é executado, o Google Apps Scripts define um limite de tempo de execução de seis minutos (trinta minutos para usuários do G Suite Business / Enterprise / Education e Early Access).

Em seis minutos, você poderá extrair o PageSpeed ​​Insights para cerca de 30 URLs.

Você encontrará a seguinte mensagem:



Para continuar executando a função para o restante dos URLs, basta agendar o relatório para execução novamente. É por isso que essa configuração executará o relatório novamente mais três vezes em horas consecutivas, continuando exatamente de onde parou.

O próximo obstáculo é a limitação estabelecida pelo Planilhas Google.

Se você estiver fazendo os cálculos, verá que, como só podemos automatizar o relatório quatro vezes, teoricamente só podemos obter dados do PageSpeed ​​Insights para cerca de 120 URLs. Isso não é ideal se você estiver trabalhando com um site com mais de algumas centenas de páginas!

A função de programação na guia Configuração usa a função ativadora integrada do Google Sheet. Isso indica ao script do Google Apps para gerar o relatório automaticamente em um dia e hora específicos. Infelizmente, o uso dessa função mais de quatro vezes causa a mensagem "O serviço usa muito tempo do computador por um dia".

Isso significa que nosso script do Google Apps excedeu o tempo total de execução permitido em um dia. Ocorre mais comumente para scripts executados em um gatilho, que têm um limite diário mais baixo do que scripts executados manualmente.

A mão?

Você pode apostar! Se você tiver mais de 120 URLs para os quais deseja obter dados, basta usar o botão Relatório de envio manual. Faz exatamente o que você pensa.

Relatório de inserção manual



Uma vez clicado, o botão "Manual Insert Report" (vinculado no menu PageSpeed ​​na planilha do Google) executará o relatório. Ele continuará exatamente de onde você parou com os dados preenchidos nos campos adjacentes aos seus URLs na guia Resultados.

Para maior clareza, você nem precisa agendar a execução do relatório para usar este documento. Depois de ter sua chave de API, basta adicionar seus URLs à guia Resultados (iniciando na célula B6) e clicar em "Relatório de inserção manual".

Obviamente, você encontrará a mensagem inevitável "Excedendo o tempo máximo de execução" após seis minutos, mas você pode simplesmente descartá-lo e clicar em "Manual Insert Report" repetidamente até terminar. Não é totalmente automatizado, mas deve permitir que você colete os dados necessários de forma relativamente rápida.

Definir a programação de registro

Outro recurso na guia Configuração é a função Resultados do Log.

Isso automaticamente pega os dados que foram preenchidos na guia Resultados e os move para a folha de registros. Depois de copiar os resultados, os dados preenchidos serão apagados automaticamente da guia Resultados para que, quando chegar o próximo tempo de execução do relatório agendado, você possa coletar novos dados de acordo. Idealmente, a data e a hora do registro devem ser definidas após a execução do relatório agendado para garantir que você tenha tempo para capturar e registrar todos os dados.



Você também pode inserir dados manualmente na folha de registro usando o botão "Inserir registro manual" no menu.

Como confirmar e ajustar os agendamentos de relatório e registro

Quando estiver satisfeito com o agendamento do relatório e do registro, configure-o usando "Definir relatório e agendamento de registros" no menu Velocidade da página (como mostrado):



Se você deseja alterar a frequência, recomendo que você configure primeiro o relatório e o cronograma de registro usando a folha.

Em seguida, ajuste as funções runLog e runTool usando o Google Script Triggers.

• O runLog controla quando os dados serão enviados para a folha REGISTRATION.
• O runTool controla quando a API é executada para cada URL.



Basta clicar no ícone de lápis ao lado de cada função respectiva e ajustar os horários como achar melhor.



Você também pode usar o botão "Redefinir programação" no menu Velocidade da página (ao lado de Ajuda) para excluir todos os gatilhos programados. Pode ser um atalho útil se você estiver simplesmente usando a interface na guia "Configurações".

Guia Resultados da Velocidade da Página



Essa guia é onde os dados do PageSpeed ​​Insights serão gerados para cada URL que você fornecer. Tudo o que você precisa fazer é adicionar uma lista de URLs da célula B6. Você pode esperar a hora do seu relatório agendado ou usar o botão "Inserir relatório manualmente".

Agora você deve ver a próxima geração de dados para cada URL respectivo:

• Hora de interagir
• Primeira pintura feliz
• Primeira pintura significativa
• Tempo até o primeiro byte
• Índice de velocidade

Você também verá uma coluna do relatório Última Ran e Status nesta guia. Isso informará quando os dados foram coletados e se a solicitação de extração foi bem-sucedida. Uma solicitação de API bem-sucedida mostrará um status "completo" na coluna Status.

Guia Registro



A gravação de dados é uma maneira útil de manter uma conta histórica dessas importantes métricas de velocidade. Não há nada para modificar nesta guia, no entanto, você deseja garantir que haja muitas linhas vazias. Quando a função runLog é executada (que é controlada pela programação de registro atribuída na guia "Configuração" ou usando o botão de registro manual no menu), ela moverá todas as linhas da guia Resultados que contém o status " completo. " Se não houver linhas vazias disponíveis na guia Registro, você simplesmente não copiará nenhum dos dados. Tudo que você precisa fazer é adicionar vários milhares de linhas, dependendo da frequência com que planeja registrar e manter o Registro.

Como usar os dados de registro

A função de programação nesta ferramenta foi projetada para ser executada semanalmente, dando a você tempo suficiente para revisar os resultados, otimizar e monitorar seus esforços. Se você gosta de planilhas, pode parar por aqui, mas se você é mais uma pessoa visual, continue a ler.

Visualizando resultados no Google Data Studio



Você também pode usar esta folha de inscrição como fonte de dados no Google Data Studio para visualizar seus resultados. Enquanto a folha de registro permanecer conectada como fonte, os resultados deverão ser publicados automaticamente toda semana. Isso permitirá que você trabalhe na otimização de desempenho e avalie os resultados usando o Data Studio facilmente, além de comunicar problemas de desempenho e progresso aos clientes que podem não gostar de planilhas.

Combine seus dados de registro com outras fontes de dados

Um ótimo recurso do Google Data Studio é a capacidade de combinar dados. Isso permite comparar e analisar dados de várias fontes, desde que tenham uma chave comum. Por exemplo, se você deseja combinar os resultados do Time to Interactive com os dados do Google Search Console para os mesmos URLs, é possível fazê-lo facilmente. Você notará que a coluna na guia Registro que contém os URLs é intitulada "Página inicial". Essa é a mesma convenção de nomenclatura usada pelo Search Console e permitirá que o Data Studio conecte as duas fontes.



Existem várias maneiras de usar esses dados no Google Data Studio.

Compare o desempenho de seus concorrentes

Você não precisa se limitar apenas aos seus próprios URLs nesta ferramenta; Você pode usar qualquer conjunto de URLs. Essa seria uma excelente maneira de comparar as páginas de seus concorrentes e até de ver se há indicadores claros de velocidade que afetam as posições nos resultados da pesquisa.

Melhore a usabilidade

Não assuma imediatamente que seu conteúdo é o problema. Seus visitantes não podem sair da página porque não consideram o conteúdo útil. pode ser um tempo de carregamento lento ou outros problemas de incompatibilidade que estão afastando os visitantes. Compare taxas de rejeição, hora do site e dados do tipo de dispositivo, além de métricas de desempenho para ver se isso pode ser um fator.

Aumente a visibilidade orgânica.

Compare seus dados de desempenho com as posições de classificação da pesquisa para as palavras-chave de destino. Use uma ferramenta para coletar as posições de sua página e corrigir os problemas de desempenho das páginas de destino na página dois ou três dos resultados da Pesquisa Google para verificar se você pode aumentar a importância deles.

Considerações finais

Esta ferramenta é toda sua.

Faça uma cópia e use-a como está, ou separe o script do Google Apps que faz isso funcionar e adapte-o a algo maior e melhor (se você fizer isso, Por favor me avise; Eu quero ouvir tudo sobre isso).

Lembre-se de que a API V5 do PageSpeed ​​Insights agora inclui todos os mesmos dados fornecidos nas auditorias do Chrome Lighthouse, o que significa que existem muitos mais detalhes disponíveis que você pode extrair além das cinco métricas geradas por esta ferramenta.

Esperamos que, por enquanto, essa ferramenta ajude você a coletar dados de desempenho um pouco mais eficientemente entre agora e quando o Google lança seu relatório de velocidade anunciado recentemente para o Search Console.