Eco-Conception

L’éco-conception

Dans le cadre de l’urgence climatique dans lequel nous vivons, nous avons revu l’ensemble du process et des étapes de la conception d’un site internet. Les premières démarches pour réduire l’empreinte écologique sont axées sur les leviers suivants afin de diminuer de façon importante le poids des pages qui a été multiplié par 170 depuis le déploiement d’internet, passant ainsi en moyenne de 14ko à 2400ko par page.

Le contenu

Images, photos, animations, vidéos… sont très souvent responsables de l’augmentation du poids des pages et ont donc un impact fort sur l’empreinte carbone numérique. Limiter le nombre d’objets par page et les compresser sont essentiels pour réduire les temps de chargement et le poids en émission de CO2. Pensez à privilégier les icônes aux images qui sont plus légères et tout aussi efficaces.

Le design

Un design simple et sobre, tout en restant performant et pertinent, permet d’économiser de l’énergie. Un site avec moins de pages et une navigation sollicitant moins de clics sont également des règles essentielles pour un site écoresponsable. Un template responsive (qui s’adapte aux différents formats d’écran) est conseillé pour que l’affichage soit optimisé. Enfin, solliciter qu’une voir deux polices différentes est également un conseil simple pour réduire le poids de chargement.

Le code

Un site est un réalité l’addition des centaines et même de milliers de lignes de code. Ces codes font souvent appel à des serveurs et/ou à des services externes, même lorsqu’ils sont inutiles. Limiter ces échanges en réduisant, par exemple, le nombre de fichiers et en restant focalisé sur des fonctionnalités utiles. Cela permet d’éviter une consommation d’énergie trop importante.

L’hébergement

Il est important de choisir un serveur « green » qui utilise des énergies renouvelables et des dispositifs de refroidissement autant que possible naturels. Il est aussi conseillé de prendre un serveur adapté à son besoin et qui ne soit pas surdimensionné par rapport à son utilisation.