Quatre outils gratuits pour mesurer l’impact environnemental d’un site web puis en améliorer son éco-responsabilité

La question des outils de mesure de la performance d’un site internet a récemment été abordée sur ce blog entre vision SEO (référencement naturel) et première approche de l’impact environnemental d’une plateforme. Ce nouvel article s’intéresse de façon plus précise à l’éco-responsabilité, qui passe par l’éco-conception en amont pour envisager des résultats significatifs, au travers de la présentation synthétique de quatre outils de test en accès libre : Page Speed Insights, Kastor Green, Request Map Generator, Eco Index. Avec en guise d’illustration et de CQFD, les valeurs obtenues par le site web de l’agence Ouest Médias à chacun de ces contrôles. Illustration d’une démarche d’amélioration continue ainsi que de respect des bonnes pratiques numérique responsable et éco-gestes.

Page Speed Insights : l’outil Google pour une première analyse des performances d’un site web et préconisations d’optimisation

Page Speed Insights a déjà été abordé dans un article récent sur le blog Ouest Médias : « Six outils pour tester, surveiller et optimiser les performances de votre site internet ! » Nous n’allons pas y revenir en détail. Cet outil Google de base est destiné à mesurer les Core Web Vitals (signaux web essentiels : LCP, FID et CLS) qui relèvent de l’expérience utilisateur.

Comme son nom l’indique, cet ensemble de métriques apprécie en premier chef la vitesse de chargement d’un site internet, au travers de l’étalonnage de sa page d’accueil. Le poids de celle-ci (dont les fichiers image, mais aussi le nombre de DOM, le CSS et Javascript) est la variable centrale.

Si vous n’êtes pas développeur, mais administrez néanmoins en autonomie le site web de votre entreprise, par exemple sous CMS WordPress, Page Speed Insight vous fournit des informations utiles pour traiter certains problèmes par vous-même :

  • Compression des photos URL par URL de celles-ci
  • Identification des chaînes de requêtes critiques (comme un appel js pour Google Analytics)
Copie d'écran du test Page Speed Insights pour la version desktop du site Ouest Médias

Kastor Green : appréciation de la conformité d’un site internet selon le référentiel GR 491

Le référentiel GR 491 est le Guide de Référence de Conception Responsable de Services Numériques créé par l’Institut du Numérique Responsable (INR).

Il est découpé en 8 familles, 61 recommandations et 516 critères entre :

  • Stratégie
  • Spécifications
  • UX et UI
  • Contenus
  • Front-end
  • Architecture
  • Back-end
  • Hébergement

Créé par Spécinov, et en accès libre, Kastor Green fournit en ligne un audit d’éco-design avec des données précises pour optimiser le site concerné à suivre selon quatre entrées :

  • Front-end
  • Contenus
  • Architecture
  • Back-end

Request Map Generator : le traceur de requêtes externes indispensable pour y voir clair

Cet outil Request Map Generator est l’un de nos préférés ! Il est d’abord simple à mettre en œuvre (il suffit d’indiquer l’URL à tester dans le champ prévu pour cela) et sa restitution 100% visuelle le rend vraiment efficace d’un point de vue opérationnel.

Il est complémentaire de Kastor Green (et le sera aussi d’Eco Index, traité à suivre) qui indique dans la rubrique Back-end, les requêtes jugées excessives au chargement de la homepage. Ici, vous les voyez…

copie d'écran du test request map generator pour le site ouest médias
Identification des requêtes externes du site www.ouestmedias.com – avant optimisation

Comme le montre l’export ci-dessus, pour le site www.ouestmedias.com, Request Map Generator reconstitue les chaînes d’appel depuis la plateforme testée : dans le cas présent, c’est simple… avec uniquement le chargement de la police Google font. Pour le reste, notre plateforme n’utilise plus Google Analytics (au profit de Matomo avec anonymisation totale des IP dans le respect du RGPD) et n’installera pas V4 ni Tag Manager. Nous avons tout coupé… jusqu’au dernier appel par API du recaptcha en remplaçant le formulaire Contact Form du WordPress par un lien html qui ouvre le client mail du visiteur web. Le résultat est visible ci-dessous…

blank
Identification des requêtes externes du site www.ouestmedias.com – après optimisation

Le détail des métriques correspondant est accessible ici via le récapitulatif fourni par WebPageTest.

Eco Index : le plus complet… et le juge de paix sur le chemin de l’éco-responsabilité de votre site web

Bon, vous avez tout bien fait… en privilégiant une interface épurée, en supprimant les sliders et les vidéos Youtube, en compressant vos photos en webp, en réduisant (voir-dessus) les requêtes excessives, en limitant le nombre d’extensions ou de plugins (WordPress). Vous vous dîtes que c’est bon… et qu’il est temps de passer le test Eco Index !

Copie d'écran du résultat du test Eco Index 71/100 - niveau B sur G pour la page d'accueil du site Ouest Médias

Pour le site Ouest Médias, dont le score est présenté ci-dessus, le résultat à 71/100 est très correct (pour une plateforme lancée en novembre 2021 sans souci réel d’éco-conception ou d’éco-responsabilité mais ayant fait l’objet depuis sa mise en ligne initiale de passes successives d’amélioration continue) avec encore des gains marginaux à envisager. A titre indicatif, son score était seulement de 58/100 en décembre 2022.

Détail du score Eco Index (copie d'écran) de la page d'accueil du site Ouest Médias

Pierre Minier

En phase avec ses engagements, Ouest Médias est signataire de la charte Planet Tech’Care