Comment automatiser les aperçus de vitesse de pages pour plusieurs URL en utilisant Google Sheets

Comment automatiser les aperçus de vitesse de pages pour plusieurs URL en utilisant Google Sheets

Comment automatiser les aperçus de vitesse de pages pour plusieurs URL en utilisant Google Sheets

Le calcul des performances de vitesse de chaque page peut vous aider à comprendre l’efficacité du fonctionnement de votre site dans son ensemble. Étant donné que Google utilise la vitesse d’un site (fréquemment mesurée et appelée vitesse de la page) comme l’un des signaux utilisés par son algorithme pour classer les pages, il est important de disposer de cette information jusqu’au niveau de la page.

Cependant, l’un des points douloureux de l’optimisation des performances des sites web est le manque de capacité à effectuer facilement des évaluations en masse des performances de la vitesse des pages. Il existe de nombreux outils intéressants, comme PageSpeed Insights ou le plugin Lighthouse Chrome, qui peuvent vous aider à mieux comprendre les performances d’une page individuelle, mais ces outils ne sont pas facilement configurables pour vous aider à obtenir des informations sur plusieurs URL, et l’exécution de rapports individuels pour des centaines, voire des milliers de pages n’est pas vraiment possible ou efficace.

En septembre 2018, j’ai entrepris de trouver un moyen de rassembler des mesures de performance à l’échelle du site et j’ai fini par trouver une solution qui fonctionne. Si cette méthode a permis de résoudre mon problème initial, le processus de configuration est assez complexe et nécessite l’accès à un serveur.

En fin de compte, ce n’était pas une méthode efficace. De plus, il était presque impossible de partager facilement avec d’autres personnes (surtout celles qui ne font pas partie d’UpBuild).

En novembre 2018, deux mois après avoir publié cette méthode, Google a publié la version 5 de l’API PageSpeed Insights. La version 5 utilise désormais Lighthouse comme moteur d’analyse et intègre également des données de terrain fournies par le rapport sur l’expérience des utilisateurs de Chrome (CrUX). En bref, cette version de l’API fournit désormais facilement toutes les données fournies dans les audits Chrome Lighthouse.

Je suis donc retourné à la case départ et je suis heureux d’annoncer qu’il existe désormais une méthode plus simple et automatisée pour produire en masse des rapports Lighthouse à l’aide de Google Sheets et de la version 5 de l’API de Pagespeed Insights.

Voici le rapport automatisé PageSpeed Insights :

Grâce à cet outil, nous sommes en mesure de découvrir rapidement les principales mesures de performance pour plusieurs URL en quelques clics seulement.

Tout ce dont vous avez besoin est une copie de cette fiche Google, une clé API Google gratuite et une liste des URL pour lesquelles vous souhaitez obtenir des données – mais avant, faisons un petit tour.

Comment utiliser cet outil

La feuille Google se compose des trois onglets suivants :

Paramètres
Résultats
Journal de bord

Paramètres

Dans cet onglet, vous devrez fournir une clé Google API unique pour que la feuille fonctionne.

Obtenir une clé Google API

1. Visitez la page des références de l’API Google.

2. Choisissez l’option de la clé API dans le menu déroulant « Créer des informations d’identification » (comme indiqué) :

3. Vous devriez maintenant voir une invite vous fournissant une clé API unique :

4. Ensuite, il vous suffit de copier et de coller cette clé API dans la section ci-dessous, dans l’onglet « Paramètres » de la feuille de calcul Automated Pagespeed Insights.

Maintenant que vous avez une clé API, vous êtes prêt à utiliser l’outil.

5. Enfin, assurez-vous que l’API PageSpeed est activée. Cela permet au script Google Sheet de communiquer avec l’API PageSpeed.

Définir le calendrier des rapports

Dans l’onglet « Paramètres », vous pouvez programmer le jour et l’heure auxquels le rapport doit commencer à être exécuté chaque semaine. Comme vous pouvez le voir sur la capture d’écran ci-dessous, nous avons fixé le début de ce rapport à 8h00 tous les mercredis. L’heure sera réglée sur l’heure locale définie par votre compte Google.

Comme vous pouvez le voir, ce paramètre permet également de faire fonctionner le rapport pendant les trois heures suivantes le même jour. Il s’agit d’une solution de contournement des limites fixées par les scripts Google Apps et l’API Google PageSpeed.

Limitations

Notre fiche Google utilise un script Google Apps pour faire fonctionner toute la magie en coulisses. Chaque fois que le rapport est exécuté, les scripts Google Apps fixent un délai d’exécution de six minutes, (trente minutes pour les utilisateurs de la G Suite Business / Enterprise / Education et Early Access).

En six minutes, vous devriez pouvoir extraire PageSpeed Insights pour une trentaine d’URL.

Vous recevrez ensuite le message suivant :

Afin de continuer à exécuter la fonction pour le reste des URL, il suffit de programmer le rapport pour qu’il soit exécuté à nouveau. C’est pourquoi ce paramètre permet de relancer le rapport trois fois au cours des heures consécutives, en reprenant exactement là où il s’est arrêté.

Le prochain obstacle est la limitation fixée par Google Sheets lui-même.

Si vous faites le calcul, vous verrez que puisque nous ne pouvons automatiser le rapport que quatre fois au total, nous ne pourrons théoriquement extraire les données de PageSpeed Insights que pour environ 120 URL. Ce n’est pas l’idéal si vous travaillez avec un site qui compte plus de quelques centaines de pages !

La fonction de programmation dans l’onglet Paramètres utilise la fonction de déclenchement intégrée de la feuille Google. Celle-ci indique à notre script Google Apps d’exécuter automatiquement le rapport à un jour et une heure donnés. Malheureusement, l’utilisation de cette fonction plus de quatre fois provoque le message « Service utilisant trop de temps d’ordinateur pour une journée ».

Cela signifie que notre script Google Apps a dépassé le temps d’exécution total autorisé pour une journée. Cela se produit le plus souvent pour les scripts qui s’exécutent sur un déclencheur, qui ont une limite quotidienne inférieure à celle des scripts exécutés manuellement.

Manuellement ?

Bien sûr ! Si vous avez plus de 120 URL pour lesquelles vous souhaitez extraire des données, vous pouvez simplement utiliser le bouton « Manual Push Report ». Il fait exactement ce que vous pensez.

Rapport manuel

Une fois cliqué, le bouton « Manual Push Report » (lié au menu PageSpeed de la feuille Google) lance le rapport. Il reprendra là où il s’est arrêté avec les données figurant dans les champs adjacents à vos URL dans l’onglet Résultats.

Pour plus de clarté, vous n’avez même pas besoin de programmer l’exécution du rapport pour utiliser ce document. Une fois que vous avez votre clé API, il vous suffit d’ajouter vos URL dans l’onglet Résultats (à partir de la cellule B6) et de cliquer sur « Rapport manuel ».

Vous obtiendrez bien sûr l’inévitable message « Dépassement du temps d’exécution maximum » au bout de six minutes, mais vous pouvez simplement le rejeter, et cliquer sur « Rapport de poussée manuelle » encore et encore jusqu’à ce que vous ayez terminé. Ce n’est pas entièrement automatisé, mais cela devrait vous permettre de rassembler les données dont vous avez besoin relativement rapidement.

Définir le calendrier du journal

Une autre fonction de l’onglet « Paramètres » est la fonction « Résultats du journal ».

Cette fonction prend automatiquement les données qui ont été saisies dans l’onglet Résultats et les déplace vers la feuille de journal. Une fois les résultats copiés, elle effacera automatiquement les données de l’onglet Résultats afin de pouvoir recueillir de nouvelles données lors de l’exécution du prochain rapport prévu. Idéalement, vous devriez définir le jour et l’heure du journal après l’exécution du rapport programmé pour vous assurer qu’il a le temps de saisir et d’enregistrer toutes les données.

Vous pouvez également pousser manuellement les données vers la feuille de journal en utilisant le bouton « Manual Push Log » dans le menu.

Comment confirmer et ajuster le rapport et le journal de bord

Une fois que vous êtes satisfait de la programmation du rapport et du journal, assurez-vous de la définir en utilisant la fonction « Définir la programmation du rapport et du journal » du menu « Vitesse de la page » (comme indiqué) :

Si vous souhaitez modifier la fréquence, je vous recommande de commencer par définir le calendrier du rapport et du journal à l’aide de la feuille.

Ensuite, ajustez les fonctions runLog et runTool à l’aide des Google Script Triggers.

runLog contrôle quand les données seront envoyées à la feuille LOG.
runTool contrôle le moment où l’API s’exécute pour chaque URL.

Il suffit de cliquer sur l’icône du crayon à côté de chaque fonction respective et d’ajuster les temps comme bon vous semble.

Vous pouvez également utiliser le bouton « Reset Schedule » dans le menu PageSpeed (à côté de l’aide) pour effacer tous les déclencheurs programmés. Cela peut être un raccourci utile si vous utilisez simplement l’interface de l’onglet « Paramètres ».

Onglet Résultats de PageSpeed

Cet onglet est l’endroit où les données de PageSpeed Insights seront générées pour chaque URL que vous fournissez. Il vous suffit d’ajouter une liste d’URL à partir de la cellule B6. Vous pouvez soit attendre l’heure prévue pour l’arrivée de votre rapport, soit utiliser le bouton « Rapport manuel ».

Vous devriez maintenant voir les données suivantes générées pour chaque URL respective :

Temps d’interactivité
Première peinture de contentement
Première peinture significative
Le temps du premier octet
Indice de vitesse

Vous verrez également une colonne pour le dernier rapport de course et le statut sur cet onglet. Cela vous indiquera quand les données ont été recueillies et si la demande de retrait a abouti. Une demande API réussie affichera un statut « complet » dans la colonne Statut.

Onglet Log

L’enregistrement des données est un moyen utile de tenir un compte historique de ces importantes mesures de vitesse. Il n’y a rien à modifier dans cet onglet, cependant, vous voudrez vous assurer qu’il y a beaucoup de lignes vides. Lorsque la fonction runLog est exécutée (qui est contrôlée par le programme Log que vous attribuez dans l’onglet « Paramètres », ou via le bouton Manual Push Log dans le menu), elle déplace toutes les lignes de l’onglet Résultats qui contient un état « complet ». S’il n’y a pas de lignes vides dans l’onglet « Journal », il ne copiera tout simplement pas les données. Il vous suffit d’ajouter plusieurs milliers de lignes en fonction de la fréquence à laquelle vous prévoyez d’enregistrer et de gérer le journal.

Comment utiliser les données du journal

La fonction de programmation de cet outil a été conçue pour fonctionner sur une base hebdomadaire afin de vous laisser suffisamment de temps pour examiner les résultats, optimiser, puis contrôler vos efforts. Si vous aimez les feuilles de calcul, vous pouvez vous arrêter ici, mais si vous êtes plutôt une personne visuelle, poursuivez votre lecture.

Visualisation des résultats dans Google Data Studio

Vous pouvez également utiliser cette fiche de suivi comme source de données dans Google Data Studio pour visualiser vos résultats. Tant que le journal reste connecté en tant que source, les résultats devraient être publiés automatiquement chaque semaine. Cela vous permettra de travailler sur l’optimisation des performances et d’évaluer facilement les résultats à l’aide de Data Studio, ainsi que de communiquer les problèmes de performances et les progrès réalisés aux clients qui n’aiment peut-être pas autant que vous les feuilles de calcul.

Mélangez vos données de journal avec d’autres sources de données

L’une des grandes fonctionnalités de Google Data Studio est la possibilité de fusionner des données. Cela vous permet de comparer et d’analyser des données provenant de plusieurs sources, pour autant qu’elles aient une clé commune. Par exemple, si vous souhaitez fusionner les résultats de Time to Interactive avec les données de la console de recherche Google pour ces mêmes URL, vous pouvez facilement le faire. Vous remarquerez que la colonne de l’onglet Log contenant les URL est intitulée « Landing Page ». Il s’agit de la même convention d’appellation que celle utilisée par la console de recherche, ce qui permettra à Data Studio de relier les deux sources.

Vous pouvez utiliser ces données de plusieurs manières dans Google Data Studio.

Comparer les performances de vos concurrents

Vous n’avez pas besoin de vous limiter à vos propres URLs dans cet outil ; vous pouvez utiliser n’importe quel ensemble d’URLs. Ce serait un excellent moyen de comparer les pages de vos concurrents et même de voir s’il existe des indicateurs clairs de la vitesse affectant les positions dans les résultats de recherche.

Améliorer la convivialité

Ne supposez pas immédiatement que votre contenu est le problème. Il se peut que vos visiteurs ne quittent pas la page parce qu’ils ne trouvent pas le contenu utile ; il se peut que ce soit la lenteur du chargement ou d’autres problèmes d’incompatibilité qui poussent les visiteurs à partir. Comparez les taux de rebond, le temps passé sur le site et les données relatives au type d’appareil avec les mesures de performance pour voir si cela peut être un facteur.

Augmenter la visibilité organique

Comparez vos données de performance avec les positions de classement de recherche pour vos mots clés cibles. Utilisez un outil pour rassembler les positions de vos pages, et corrigez les problèmes de performance des pages de destination sur la page deux ou trois des résultats de recherche Google pour voir si vous pouvez augmenter leur importance.

Réflexions finales

Cet outil est à vous.

Faites-en une copie et utilisez-le tel quel, ou bien déchirez le script Google Apps qui le fait fonctionner et adaptez-le en quelque chose de plus grand et de meilleur (si vous le faites, faites-le moi savoir ; je veux tout savoir).

N’oubliez pas que PageSpeed Insights API V5 inclut désormais toutes les mêmes données que celles fournies dans les audits de Chrome Lighthouse, ce qui signifie qu’il y a bien plus de détails disponibles que les cinq mesures que cet outil génère.

Pour l’instant, nous espérons que cet outil vous aidera à recueillir des données sur les performances un peu plus efficacement d’ici à ce que Google publie le rapport sur la vitesse récemment annoncé pour la console de recherche.

26
82