Comment utiliser les audits Google Lighthouse pour améliorer la vitesse

By | novembre 23, 2020

Expert WordPress

Vous connaissez probablement l'histoire suivante: vous passez beaucoup de temps à lire comment accélérer votre blog WordPress et à installer des outils et des plugins gratuits pour ce faire. Ensuite, vous (ou votre client) apportez un changement apparemment minime à l'une de vos pages et la vitesse de votre page tombe soudainement d'une falaise.

Si vous souhaitez vraiment améliorer la vitesse de votre site Web, vous devriez vérifier régulièrement votre vitesse, auquel cas vous pouvez repérer ce problème assez rapidement. Cependant, ce serait toujours bien s'il y avait un moyen automatisé de vérifier la vitesse de votre site WordPress à chaque fois que vous apportez un changement. Heureusement, il existe une solution.

Cette solution consiste à configurer Google Lighthouse pour effectuer des audits de vitesse à la demande pour votre site WordPress. La configuration de cela peut être un peu longue, mais n'est pas non plus si compliquée pour l'utilisateur avancé. Dans cet article, nous vous expliquerons pourquoi et comment configurer Lighthouse CI pour votre site WordPress.

Une introduction aux tests de vitesse WordPress

Pourquoi la vitesse de la page est importante

Examinons d'abord de plus près pourquoi vous devez accélérer le test de votre site WordPress et les moyens standard disponibles pour le faire.

Il y a essentiellement deux raisons pour lesquelles votre site Web – qu'il soit basé sur WordPress ou non – doit être rapide. La première est simplement que la durée d'attention de l'internaute moyen est déjà très courte, 47% des consommateurs s'attendant à ce qu'une page Web se charge en moins de deux secondes, et ils abandonneront rapidement une page si le chargement prend trop de temps. Pour cette raison, la réduction des temps de chargement est une préoccupation cruciale pour les boutiques e-commerce en particulier.

La deuxième raison est un peu plus technique, mais non moins importante. Google utilise la vitesse du site comme signal de classement depuis 2010. En conséquence, la vitesse des sites Web est devenue un facteur de plus en plus important dans la progression du classement de recherche Google de votre page.

Pour cette raison, les propres statistiques PageSpeed ​​de Google sont un outil clé couramment utilisé par les spécialistes du référencement et les spécialistes du marketing, car il donne un accès direct au système par lequel les algorithmes de recherche Google évaluent la vitesse des pages.

Ces considérations s'appliquent à WordPress tout autant qu'aux sites fonctionnant sur d'autres plates-formes. Pour cette raison, et en raison de la domination du marché de WordPress, plusieurs outils sont désormais disponibles pour tester la vitesse de votre site. Celles-ci vont des vérifications ponctuelles basées sur le navigateur aux suites logicielles de bureau complètes qui vous donneront un aperçu détaillé des performances de chaque page de votre site WordPress.

Google Lighthouse et WordPress

Phare de Google

L'un des outils les plus importants et les plus populaires pour évaluer la vitesse – et la qualité générale – des sites Web est Google Lighthouse. Jusqu'à tout récemment, Lighthouse était utilisé presque exclusivement par les développeurs et autres types de techniciens. Mais Google a travaillé dur pour le rendre accessible à l'utilisateur moyen, et il gagne en popularité en tant qu'outil de test de vitesse en raison du haut niveau d'automatisation qu'il offre.

Lighthouse peut être exécuté sur n'importe quelle page, qu'elle nécessite une authentification ou non, et qu'elle soit exécutée sur WordPress ou non. Il exécutera une série de tests définis par l'utilisateur, puis générera un rapport sur les performances de la page.

Rapport Google Lighthouse CI

Ces rapports peuvent ensuite être utilisés pour améliorer la qualité globale de vos pages Web, y compris leur vitesse.

Bien que vous puissiez exécuter Lighthouse directement à partir de Chrome DevTools, il existe également une version de l'outil qui est constamment mise à jour. Ceci est connu sous le nom de Lighthouse CI et sera la version de Lighthouse dont les utilisateurs plus avancés ont besoin.

CI, dans ce contexte, signifie intégration continue. Il s'agit d'un paradigme de développement logiciel dans lequel les mises à jour des logiciels sont continuellement téléchargées dans un référentiel central par les développeurs, afin que les utilisateurs aient toujours accès à la dernière version. CI est désormais la norme dans de nombreuses technologies et industries Web. Par exemple, 43% des applications bancaires sont programmées avec COBOL, un langage de programmation informatique basé sur CI.

L'une des raisons pour lesquelles CI n'a pas décollé partout est qu'il existe encore une hypothèse largement répandue (et souvent non fondée) selon laquelle elle soulève des problèmes de sécurité majeurs. Cependant, la vérité est que l'IC peut conduire à des systèmes logiciels plus sécurisés grâce à la pratique fournissant une application de sécurité automatisée.

Il existe également de nombreuses raisons d'utiliser Lighthouse CI pour auditer la vitesse de votre site WordPress, mais parmi les plus utiles, vous pouvez configurer Lighthouse CI pour qu'il s'exécute automatiquement chaque fois que votre site est mis à jour ou modifié. Cela peut être fait en utilisant un budget Lighthouse, où vous pouvez définir un certain nombre de tests de vitesse sur mesure pour différentes parties de votre site.

De plus, vous pouvez même utiliser ce système automatisé pour empêcher les changements qui ralentiront le déploiement de votre site sur vos sites WordPress (ou ceux de vos clients). Cela empêche automatiquement les modifications coûteuses d'avoir un impact sur votre score PageRank.

Utilisation de Lighthouse CI avec WordPress

Le processus de configuration de Lighthouse CI pour qu'il s'exécute sur votre site WordPress n'est pas compliqué, mais il est un peu compliqué.

Pour ceux qui recherchent un résumé du processus, ou qui ont un peu plus de connaissances techniques, voici les grandes lignes du processus:

  • Tout d'abord, vous devrez configurer un nouveau référentiel GitHub pour suivre les modifications apportées à votre site WordPress. Si vous testez de toute façon la vitesse de votre site régulièrement, la mise en place d'un dépôt comme celui-ci est un excellent moyen de garder une trace de votre site, que vous utilisiez Lighthouse CI ou non.
  • Ensuite, vous devrez télécharger Lighthouse CI et le configurer pour rechercher les modifications. Vous pouvez ensuite créer une action Lighthouse qui s'exécute automatiquement à chaque fois qu'une URL est modifiée sur votre site WordPress.
  • Pour créer la fonction, vous devrez créer une fonction Google Cloud distincte capable de mettre à jour la configuration de l'action Lighthouse CI avec les URL récemment modifiées à partir des plans de site XML, puis envoyer la nouvelle configuration au référentiel.

À ce stade, une instance de Lighthouse CI s'exécutera automatiquement sur votre site WordPress et vous avertira lorsque vos modifications prévues le ralentiront. À partir de là, vous pouvez même ajouter des actions automatiques à votre dépôt GitHub pour empêcher la publication de modifications de ce type sur votre site.

La meilleure alternative à l'utilisation de Lighthouse CI pour augmenter la vitesse de votre site WordPress est d'utiliser les outils de test de vitesse intégrés à votre hébergement Web. Les hébergeurs WordPress les plus courants, tels que SiteGround ou Kinsta, sont fournis avec certains outils de test de vitesse qui prétendent augmenter la vitesse du site de plus de 200%, et peuvent également être utilisés en conjonction avec Lighthouse CI si vous le souhaitez.

Dernières pensées

En fin de compte, l'objectif de l'installation de Lighthouse CI sur votre site WordPress est de vous donner une meilleure surveillance de ses performances; cela ne vous aidera pas à améliorer ces performances.

Si vous voyez continuellement des pages dépasser votre budget de performances Lighthouse, il est temps d’agir. Lisez nos guides sur la façon d'optimiser vos pages WordPress, ou vous pouvez même franchir l'étape la plus radicale de la recherche de services CDN qui peuvent accélérer WordPress.

Quelle que soit l'approche que vous adoptez, gardez à l'esprit l'importance de la vitesse pour le succès de votre site Web. Assurez-vous que vous auditez régulièrement.