En matière de démarche éco-responsable, il y a une chose aussi fondamentale que mes 8 heures de sommeil par nuit : mesurer ses impacts. Vous souhaitez créer un site web éco-responsable et vérifier que vos efforts ont porté leurs fruits ? L'ecoindex vous permet de mesurer l'impact environnemental d'une page web et de voir rapidement ce qui peut être encore optimisé. Avec 3 niveaux d'utilisation (du plus facile au plus avancé), c'est selon moi un outil incontournable en éco-conception web. Découvrez comment l'utiliser dans cet article.
SOMMAIRE
Pourquoi utiliser cet outil plus qu'un autre : mon avis
Comment améliorer l'ecoindex de son site ?
L'ecoindex est un outil de mesure de l'impact environnemental d'une page web. Développé par Frédéric Bordage, pilier de l'éco-conception en France, l'outil se base sur les 115 bonnes pratiques de l'éco-conception web. C'est donc un outil très complet, qui propose en plus différentes façons d'être utilisé (de "même ma mère peut y arriver" à "bon là faut être un peu geek quand même", cf ci-dessous).
L'outil est gratuit et il peut être utilisé par tout le monde à condition de citer la source. Le résultat vous donnera une note de A à G (un peu comme le nutriscore de vos céréales ou l'étiquette énergétique de votre frigo) + un score sur 100.
Pour évaluer l'impact de votre page, il va se baser sur 3 groupes de critères :
Tous les critères ne sont pas aussi importants et il faut aussi prendre en compte que ça reste un outil de mesure, mais pas du tout une analyse détaillée et personnalisée de l'empreinte de votre site. Il y a beaucoup de paramètres à prendre en compte dans une démarche d'éco-conception, et la note ecoindex de la page n'est qu'un indicateur, à prendre en compte avec ses limites.
Si vous avez envie de creuser encore plus le sujet de comment ça marche, tout est très bien expliqué sur le site ecoindex.fr.
P.S. : Vous ignoriez qu'un site pouvait polluer ? Découvrez par ici quel est l'impact environnemental d'un site internet.
Je vous le disais plus haut, il y a plusieurs façons d'utiliser l'ecoindex :
La 1ère façon d'auditer une page web est très simple :
En premier lieu, vous aurez donc la note de la page :
Ensuite, pour que vous vous représentiez un peu plus facilement les impacts, vous aurez l'équivalent en packs d'eau et en nombres de kilomètres en voiture que cela représente :
Et pour finir, le détail du score sur les 3 groupes de critères que prend en compte l'outil (poids de la page, complexité et nombre de requêtes). Vous pourrez ainsi voir facilement où le bat blesse :
La dernière partie de la page donne des recommandations générales pour améliorer l'empreinte de votre page, mais ces recommandations ne sont pas personnalisées en fonction de votre page.
La deuxième solution pour mesurer l'impact de vos pages (ou celles de la concurrence 👀) est un chouïa moins facile puisqu'il faut savoir ajouter une extension à votre navigateur.
Ça reste néanmoins très accessible :
Une fois que vous avez ajouté l'extension, vous pourrez l'utiliser sur n'importe quelle page que vous visitez. En quelques secondes, vous aurez accès à la note de A à G, au score sur 100 mais aussi à l'historique ! Une fonctionnalité très pratique si vous apportez des changements à votre page et souhaitez voir l'évolution (et surtout, si vos efforts portent leurs fruits !)
Et si vous souhaitez voir le détail du résultat, un lien vous permet d'accéder rapidement à l'analyse sur le site ecoindex.fr que je vous ai présentée juste avant.
Pour les plus geek d'entre nous, une autre extension existe : GreenIT Analysis.
Cette extension est un peu plus complexe à utiliser car il y a pas mal de précautions à prendre pour avoir un résultat fiable. Il faut aussi aller dans le panneau développeur pour l'utiliser.
Mais le gros avantage de GreenIT Analysis, c'est qu'on peut avoir le détail des bonnes pratiques qui sont respectées ou non, et donc savoir exactement où agir.
Une fois que vous avez votre note, vous vous demanderez peut-être comment faire encore mieux ?
Voici donc l'explication de chaque critère et des idées d'actions simples pour optimiser votre site.
P.S. : si vous utilisez l'extension Green IT, les recommandations à suivre sont directement dans le résultat, comme vu plus haut.
Ce critère est probablement le plus facile à comprendre, c'est tout simplement combien pèse votre page en Mega octets. Pour baisser le poids d'une page, vous pouvez :
(d'aiP.S. : Retrouvez par ici mes meilleurs conseils pour un webdesign éco-responsable
Ce critère est basé sur le nombre d'élément dans le DOM. Qu'est-ce que le DOM me direz-vous ? C'est un peu le squelette de votre page, sa structure. Chaque fois que vous ajoutez un élément (section, bloc, image, texte, espacement, formulaire, petite décoration, ...), le DOM grossit.
Pour baisser le nombre d'éléments du DOM, vous pouvez :
Quand quelqu’un visite votre site, son navigateur (par exemple Google Chrome, Firefox, Safari, ...) “discute” en permanence avec le serveur qui héberge vos pages (d'ailleurs, pensez à choisir un hébergeur éco-responsable). À chaque fois qu’il doit aller chercher une information ou un fichier (une image, une police, un script, une vidéo, un bouton de partage, un plugin de statistiques…), il envoie une requête.
On peut imaginer ça comme une série d’allers-retours : plus votre site demande de ressources différentes, plus il multiplie les trajets. Résultat : la page met souvent plus de temps à charger, consomme davantage de ressources et obtient généralement un moins bon score sur l’outil Ecoindex.
Pour limiter le nombre de requêtes sur un site WordPress, vous pouvez :
Bref, vous voyez que les bonnes pratiques se ressemblent et peuvent impacter votre score ecoindex, mais surtout, l'impact environnement de votre site.
Alors les outils pour mesurer l'impact environnemental d'un site, il n'y en a pas autant que des coachs insta qui te promettent les 10K, mais il y en a pas mal quand même... Donc comment on choisit ?
La chose la plus importante quoiqu'il en soit, c'est de toujours utiliser le même, peu importe celui que vous choisissez. Car tous n'utilisent pas le même système d'évaluation ni les mêmes critères, donc si vous souhaitez suivre votre évolution ou comparer 2 pages, il faut se baser sur le même outil à chaque fois.
Cependant, voici pourquoi moi, j'ai donné ma préférence à ecoindex :
Le 1er élément qui me semble important, c'est que cet outil a été mis au point par le collectif GreenIT, un collectif à but non lucratif, dont la seule mission est de rendre le web plus responsable.
C'est un collectif qui est aussi pour moi parmi les pionniers et les plus avancés en terme de numérique responsable.
Le deuxième truc que je trouve plutôt cool, c'est que l'outil est très complet.
Il y a un vrai effort de vulgarisation et mise à disposition de moyens d'agir même si on est novice. Mais on peut aussi aller plus loin si on a des compétences plus techniques.
Il existe aussi un badge ecoindex à afficher sur son site pour faire preuve de transparence et sensibiliser ses visiteurices.
Et enfin, dernière nouveauté à noter : la création d'une déclaration environnementale, avec un vrai process à suivre, pour standardiser les méthodes d'analyse. L'objectif est de réguler, voire à terme réglementer, les déclarations et les analyses sur le sujet de l'éco-conception web.
Je vous ai donc présenté dans cet article l'outil ecoindex : comment ça fonctionne et pourquoi j'ai choisi celui-là plutôt qu'un autre. Pour terminer, je pense que la chose importante à retenir c'est que peu importe l'outil utilisé, l'essentiel est surtout de mesurer ses impacts quand on est dans une démarche d'éco-conception. C'est un processus essentiel et indispensable pour l'efficacité de votre démarche, la transparence et l'amélioration continue ! Mais attention, les outils restent des outils. N'oubliez pas de prendre en compte le contexte dans votre démarche, et aussi l'impact sociétal, en optant par exemple pour des éco-couleurs web (ça n'améliorera pas votre ecoindex, mais c'est important pour l'accessibilité !)
