La conception joue un rôle prépondérant dans la limitation des impacts environnementaux des pages web. Pour mesurer ceux-ci, nous nous appuyons sur l'outil écoIndex (développé par GreenIT) pour obtenir une note sur 100 pour chacune des pages web de votre site. Afin d'anticiper au mieux ces impacts et maximiser ce score, il semble donc important de budgétiser celui-ci.
Auteurice :
|ÉcoIndex est un outil permettant de calculer la performance (représentée par une note sur 100) et l'empreinte (les émissions de gaz à effet de serre et la consommation d'eau) environnementale des pages web.
La méthode de calcul repose sur 3 critères :
Chacun des critères cités précédemment n'ont pas le même poids dans le calcul réalisé par écoIndex. Ainsi, ceux-ci sont pondérés comme suit :
Longueur de la page 3 Nombre d'échanges 2 Poids de la page 1 Ainsi, c'est avant tout la longueur de la page à laquelle il faudra réfléchir en priorité. La plupart du temps, les deux autres éléments suivent (une page moins longue affichera possiblement moins d'élément et sera donc plus légère)
Pour en savoir plus, nous vous invitons à vous référer à la page comment ça marche ? du site écoIndex.
Les chiffres ci-dessous sont les valeurs médianes des sites testés sur écoIndex (proche de celles remontées par HTTP Archive).
Longueur de la page 693 éléments Nombre d'échanges 78 requêtes Poids de la page 2410 Ko De ces valeurs résulte l'obtention d'un D (note 44 sur 100) avec, par visite :
L'idée est donc de plafonner, lors de votre cahier des charges, chacun des critères afin d'assurer un grade A et réduire, autant que faire ce peut l’impact de vos pages.
Voici ce à quoi pourrais ressembler ces plafonds :
Longueur de la page 500 éléments Nombre d'échanges serveur 15 requêtes Poids de la page 300 Ko De ces valeurs résulte l'obtention du grade A (note 82 sur 100) avec, par visite :
Pour calculer ces métriques, vous pouvez utiliser cette calculette écoindex.
voici quelques exemple de page d'accueil, réalisées par Translucide, ayant obtenu une note de A :
score 85 / 100 Longueur de la page 229 éléments Nombre d'échanges 17 requêtes Poids de la page 189 Ko score 84 / 100 Longueur de la page 263 éléments Nombre d'échanges 13 requêtes Poids de la page 337 Ko Translucide est un CMS écoconçu possédant déjà une longueur, un poids et un nombre d'échange à prendre en compte dans votre budget :
Longueur de la page 104 éléments Nombre d'échanges 6 requêtes Poids de la page 117,36 Ko Il faudra donc veiller à bien penser ce que vous souhaitez mettre en avant sur votre page et que les éléments affichés ne soit pas trop lourds. Par exemple, pour un budget de 15 échanges/requêtes avec le serveurs, cela vous permet de faire figurer :
images 5 police de caractère 2 script 1 plausible 1Nous sommes la pour vous accompagner et vous aiguiller lors de la conception de votre projet : n'hésitez pas à nous contacter.