Exigences de sobriété numérique pour les villes et collectivités – Classement

En 2020, nous avions publié une étude portant sur les exigences de sobriété numérique au sein des marchés publics. A l’occasion de la publication cet été du décret n° 2022-1084 du 29 juillet 2022, il nous a semblé judicieux de refaire le point sur les sites des villes et collectivités.  

Ce décret concerne les communes et collectivités de plus de 50.000 habitants, leur imposant l’élaboration d’une stratégie numérique responsable portant en particulier sur la réduction de l’empreinte environnementale du numérique.  

Nous avons donc remesuré les sites des 29 villes et 17 métropoles déjà abordés afin de comparer les résultats obtenus.  

Les mesures ne portent ici que sur la première page de chaque site. Il faudrait bien sûr dans l’idéal prendre en compte un échantillon de pages plus large voire comparer en se basant sur un parcours utilisateur commun à l’ensemble de ces sites. Toutefois, la présente démarche permet déjà d’établir des points de comparaison et de dégager quelques bonnes pratiques.

Sites des métropoles 

L’Ecoscore tel que défini par Greenspector permet d’avoir une bonne vision d’ensemble pour chaque site. Nous commencerons donc par regarder son évolution entre les mesures initiales et les remesures.

Dans la plupart des cas, on observe une amélioration (même légère) de l’EcoScore. Les métropoles de Brest, Grenoble, Nice, Orléans et Strasbourg se démarquent par une augmentation très forte. Pour quelques métropoles, la tendance est à la baisse.  

Alors que Nancy présentait le meilleur EcoScore (74), Rennes prend la tête avec un EcoScore de 80. 

On peut toutefois estimer qu’il serait important pour chaque ville d’obtenir un EcoScore d’au moins 50/100, ce qui n’est encore pas le cas pour certaines.  

L’estimation des impacts environnementaux des différents sites est un autre bon élément de comparaison.

On remarque ici que la tendance est globalement à la hausse pour les sites mesurés avec parfois un fort écart entre la mesure initiale et la remesure. Le cas de la métropole de Saint-Etienne l’illustre très bien.

Analyse plus poussée de certains sites

Ce site apparaît très léger.  Les images, même si elles sont plutôt nombreuses, sont légères mais devraient être lazy-loadées (ne les charger qu’au moment de les afficher).  Le recours à une font variable permettrait de limiter les requêtes. Le carrousel en page d’accueil n’apporte pas grand-chose. Le fait qu’il soit en autoplay risque d’entraîner des surconsommations en plus de pouvoir poser des problèmes d’accessibilité.  La page Accessibilité serait plus pertinente si elle faisait état de la conformité vis-à-vis du RGAA (Référentiel Général d’Amélioration de l’Accessibilité) et présentait le plan pluriannuel d’accessibilité pour le site.  Les quelques animations, même si elles ne sont pas envahissantes, semblent superflues et peuvent entraîner une surconsommation.

Suite à la remesure, le site de la métropole de Montpellier est le moins bien placé. En laissant le site ouvert, on observe rapidement plus de 300 requêtes HTTP pour plus de 30 Mo de données transférées. Même une fois le site chargé, les requêtes continuent à s’accumuler.  

La page d’accueil est particulièrement lourde, surtout au niveau des contenus : beaucoup d’images, des carrousels en autoplay, quantité de services tiers.  

Si des gains rapides sont possibles via de l’optimisation technique, un travail de fond s’impose notamment via une approche plus sobre du design.

Synthèse des mesures pour les sites web des métropoles

Nous avons calculé la moyenne de ces données. Sur plan général nous remarquons que l’écoscore moyen est de 50, l’énergie consommé 5,65 mAh, le pourcentage du CPU utilisé est de 2,16, les données échangées représentent 6,25 Mo, la mémoire vive utilisée est de 704 Mo, le nombre de requêtes est de 103. Concernant l’impact environnemental on observe que l’impact carbone est de 0,51 gEqCO2, l’empreinte Eau est de 0,070 Litres et l’empreinte sol de 0,68 m2.

En distinguant les mesures des remesures voici les moyennes que l’on obtient :

Sites des villes 

Là aussi, on commence par regarder l’EcoScore des sites des villes de l’échantillon.

Plus encore que pour les métropoles, la tendance pour l’EcoScore est clairement à la hausse.  

En plus du site de la ville de Rennes (déjà abordé dans le cadre des métropoles), les sites des villes du Havre, de Lille et surtout de Strasbourg se sont améliorés de façon significative.  

C’est là aussi le site de la ville de Rennes qui présente le meilleur EcoScore. On note au passage le choix intéressant d’avoir le même site pour la ville et la métropole. Concernant l’EcoScore le moins élevé, il revient au site de la ville de Tours.  

Voyons désormais l’empreinte environnementale de ces sites.

La tendance globale est à la diminution, ce qui est une très bonne chose.

Analyse plus poussée de certains sites 

Même si ce site a bien évolué depuis les premières mesures, il reste encore des axes d’amélioration à explorer.  

De nombreuses requêtes HTTP, plusieurs Mo de données échangées et quelques erreurs 404 parmi les ressources à récupérer.

On note ici au passage l’intérêt d’avoir une page HTML 404 aussi légère que possible car c’est souvent ce que va renvoyer le serveur s’il ne trouve pas ce qui lui est demandé. A noter qu’il est possible de modifier cela via la configuration du serveur afin de plutôt renvoyer un simple message. Le mieux étant bien entendu de s’assurer de ne pas aller chercher des éléments introuvables. 

La page d’accueil est très chargée, avec notamment un carrousel en défilement automatique et de nombreuses images et contenus.  

Il serait avantageux d’utiliser une font variable et d’éviter de charger toutes les icônes de FontAwesome.  

Certaines images, pesant plusieurs centaines de ko, devraient être optimisées.

De façon assez classique, on trouve ici de nombreuses images dont certaines devraient être optimisées.  

Pourtant, à première vue, la page d’accueil n’apparaît pas si chargée. Il est donc nécessaire de creuser un peu afin de mieux comprendre ce qui rend le site aussi lourd.  

On trouve une dizaine de requêtes pour les polices et on note au passage des fonts Google (ce qui peut, rappelons-le, poser souci vis-à-vis du RGPD).  

Plusieurs requêtes semblent également correspondre à de la vidéo.  
Mais l’essentiel des requêtes provient des fichiers JS et CSS.  

En regardant de plus près les domaines de provenance des requêtes, l’une des explications du poids du site apparaît.

Ce feu d’artifice est fourni par l’outil RequestMap développé par Simon Hearne (déjà évoqué lors de l’analyse de requêtes en provenance d’une application Android). Si l’on n’a pas le détail, on voit qu’il y a de nombreuses requêtes et que la plupart proviennent d’autres domaines.  

L’onglet Domains de Webpagetest nous permet d’en apprendre un peu plus :

Ce n’est ici qu’un extrait mais il fait apparaître plusieurs éléments intéressants :  

• La plupart des requêtes (en termes de nombres mais aussi de poids) proviennent d’autres domaines 
• Le plus grand nombre de requêtes provient de mobiledition.com 

Mobiledition.com propose à ceux dont le site n’est pas responsive de générer une version de leur site spécialement pensée pour un affichage sur mobile. L’intention n’est pas mauvaise mais la démarche plutôt aberrante du point de vue de l’écoconception. En effet, cette surcouche va exister en plus du site d’origine et être rafraîchie automatiquement à chaque mise à jour du site. Près de 10 ans après l’apparition de la notion de responsive design, il serait important que tous les sites puissent s’adapter aux différents devices voire qu’ils soient pensés mobile-first (en priorité pour le mobile puis étendre aux autres supports). Voire même offline-first afin de pouvoir faire face plus facilement à des connexions dégradées.  

En résumé, il serait important de repenser le site afin de limiter le plus possible le recours à des services tiers afin de le rendre moins impactant.

Résultat des mesures pour les sites web des villes

Nous avons calculé la moyenne de ces données. Sur plan général nous remarquons que l’écoscore moyen est de 49, l’énergie consommé 5,57 mAh, le pourcentage du CPU utilisé est de 2,22, les données échangées représentent 6,36 Mo, la mémoire vive utilisée est de 689 Mo, le nombre de requêtes est de 99. Concernant l’impact environnemental on observe que l’impact carbone est de 0,50 gEqCO2, l’empreinte Eau est de 0,069 Litres et l’empreinte sol de 0,668 m2.

En dissociant les mesures des remesures voici les moyennes que l’on obtient :

Laurent DEVERNAY

Laurent Devernay Satyagraha est consultant expert chez Greenspector depuis 2021. Il intervient également en tant que formateur, conférencier mais aussi contributeur sur les Web Sustainability Guidelines du W3C, le GR491 de l’INR, les 115 bonnes pratiques de greenit.fr et divers groupes de travail notamment autour du RGESN.