Créer un site web écologique : Conseils et bonnes pratiques

Saviez vous qu'un site internet, à lui seul, peut consommer autant d’énergie que 31 foyers. À ce rythme, d’ici une dizaine d’années, la consommation énergétique des infrastructures du web sera équivalente à la dépense énergétique mondiale en 2009. Un site web consomme de l’électricité non-stop depuis le serveur qui l’héberge. D’où l’importance de créer un site « écologique » qui limite la consommation d’énergie pour réduire l’impact de l’informatique sur l’environnement et lutter contre le réchauffement climatique. De nombreuses agence web se lancent aujourd'hui dans la conception de sites "écolo". Que cela signifie t il ? Qu’est-ce qu’un site web écologique ? Quels outils utiliser pour mesurer l’impact environnemental de son site internet ? Comment créer un site web éco-friendly ? Découvrez dans cet article tout ce que vous devez savoir sur le site web écologique, les avantages du site éco-conçu et les différentes étapes à suivre pour créer un site écologique et réduire son empreinte carbone.

 Site web écologique :

Les sites web sont responsables de l’émission de près de 4 % des gaz à effet de serre.

À défaut de pouvoir se passer du web, il est possible de réduire l’impact environnemental d’internet en optant pour un site écologique.

Un site « écolo » s’inscrit dans le respect de l’environnement et la gestion durable des ressources énergétiques. Les objectifs ? Réduire la consommation d’énergie et la pollution numérique tout en optimisant la performance du site.

Si vous avez déjà un site web, évaluez son impact environnemental. Rendez-vous sur le site de GreenIT-Analysis, sur websitecarbon.com pour mesurer l’émission de CO2 de votre page web. Ces sites vous proposeront des pistes d’amélioration.

Vous pouvez aussi tester votre site en naviguant en 2G. Si la navigation est rapide et fluide, votre site est probablement écologique ! Un site qui charge rapidement lorsque vous utilisez une connexion haut débit n’est pas forcément vert. De même, un site éco-conçu peut charger lentement sur un réseau 4G si le serveur est lent. Retenez cependant qu’un site qui met du temps à charger consomme davantage d’énergie. Un autre moyen : ouvrir une page de votre site depuis un mobile ancienne génération.

Pour limiter l’empreinte écologique de votre site, vous pouvez entre autres choisir un hébergeur qui se fournit en électricité verte, réduire la taille et le poids des photos, raccourcir les vidéos et désactiver l’autoplay.

Un site éco-conçu : Que des avantages

 Le site web écologique est non seulement bénéfique pour la planète, mais est aussi avantageux pour l’entreprise et les utilisateurs.

Un site écologique :

• permet de réduire le temps de chargement du site et optimiser ainsi son référencement sur les moteurs de recherche. (Google tient compte de la vitesse de chargement pour classer les sites) ;
• améliore l’expérience utilisateur (le contenu de la page s’affiche rapidement et la navigation est simplifiée et plus agréable) ;
• est plus léger et donc moins énergivore qu’un site traditionnel; il consomme moins d’énergie pour afficher le contenu de la page ;
• a un impact environnemental réduit car il émet moins de gaz à effet de serre ;
• est moins coûteux qu’un site lambda.

En outre, de plus en plus de visiteurs écolos soutiennent les sites « verts ».

Créer un site « vert » pour associer écologie et performance

En tant qu’acteurs du digital, il est de notre devoir de limiter l’impact du numérique sur l’environnement. Nous vous incitons ainsi à suivre ces étapes pour rendre votre site plus vert.

            Choisir un hébergeur local

Pour réduire l’empreinte carbone de votre site, commencez par choisir un hébergeur dans votre pays ou mieux, dans celui de vos principaux visiteurs. En effet, plus la distance entre le serveur et les visiteurs est importante, plus la consommation d’énergie est élevée.

Pour savoir d’où viennent vos visiteurs et récolter des informations détaillées sur votre audience (nombre de visiteurs, appareils utilisés, temps passé sur le site, etc), utilisez l’outil gratuit en ligne Google Analytics. 

Le serveur en question peut aussi être alimenté grâce aux énergies renouvelables. Tournez-vous vers un hébergeur green qui répond aux normes ISO 14001 et 50001 ; il est tenu de réduire l’impact environnemental de son activité.

Ces hébergeurs utilisent aussi généralement des ressources naturelles (neige, eau de mer, eau de pluie, énergie éolienne, etc) pour refroidir les data centers qui génèrent énormément de chaleur. Les rejets de produits chimiques souvent utilisés pour la réfrigération des centres de données nuisent à l’environnement.

Par ailleurs, vous pouvez également opter pour un serveur virtuel. Il permet d’économiser de l’énergie et coûte moins cher qu’un serveur dédié tout en étant aussi performant. De plus, le serveur virtuel est plus facile à administrer.

            Créer un contenu écologique pour lutter contre l’infobésité

 Privilégiez une arborescence qui permet à l’utilisateur d’accéder rapidement à une information et de passer à l’action.

Assurez une navigation intuitive et limitez au maximum le nombre de pages à ouvrir. Préférez les pages statiques (dont le contenu ne change pas d’un utilisateur à un autre) aux pages dynamiques.

Par ailleurs, l’ensemble du site doit être éco-conçu. Il est inutile que votre page d’accueil soit minimaliste si les autres pages de votre site sont très lourdes.

Intégrez un contenu utile et pertinent ; donnez uniquement aux visiteurs les informations dont il ont besoin. 

Rédigez des textes courts et « sans date de péremption », qui seront continuellement utiles pour les lecteurs.

De plus, un contenu durable est privilégié par les moteurs de recherche qui tiennent compte de la date de publication pour positionner les sites. 

Créez un contenu recyclable, c’est-à-dire, qui peut être facilement modifié, adapté et réutilisé.

Ajoutez exclusivement des vidéos courtes si besoin et configurez-les sans lecture automatique. Les vidéos sont les plus gros consommateurs de données.  

            Opter pour le Green UX

Avec le web design écologique, less is more ! Privilégiez donc un site au design épuré.

N’ayez crainte, votre site ne sera pas pour autant fade.

• Décidez du nombre d’éléments à afficher en conservant uniquement ce qui est nécessaire.
• Mesurez le taux d’utilisation des fonctionnalités et supprimez celles qui sont inutiles, jamais ou rarement utilisées.
• Utilisez au maximum 2 polices de caractère ; plus les typographies sont nombreuses, plus les données sont lourdes.
• Préférez les polices fines comme Ecofont pour économiser l’encre en cas d’impression. Pensez aussi à condenser la mise en page.
• Afficher les couleurs consomme de l’énergie. Aussi, limitez le nombre de couleurs, privilégiez les teintes claires et favorisez un fond blanc ! 3 couleurs (une couleur principale, une couleur secondaire et une couleur accent) avec des nuances suffisent amplement.
• Redimensionnez et compressez les images. Plus un site contient d’images lourdes, plus il est gourmand en énergie. De plus, ces images ralentissent le temps de chargement de la page.
• Préférez les images SVG (Scalable Vector Graphics) qui sont plus légères que les formats JPEG et PNG et ne pixelisent pas.
• Évitez les animations ainsi que les carrousels et programmez le site en mode sombre le soir ; vous pouvez définir une plage horaire (de 19h à 22h par exemple).   
• Optez pour le lazy load : le contenu s’affiche au fur et à mesure que l’internaute scrolle la page.

            Miser sur l’éco-conception

• Activez la mise en cache pour stocker des données sur le navigateur. Le cache permet de mémoriser les sites visités et réduire ainsi la consommation de données et le temps de chargement lorsque l’utilisateur consulte à nouveau la page.
• Évitez les plugins et diminuez le nombre de requêtes HTTP pour réduire le temps de chargement et par la même occasion, l’émission de CO2. Réduisez aussi le poids des codes CSS et Javascript et regroupez les fichiers.
• Préférez la saisie assistée à l’autocomplétion. Cette dernière est certes pratique, mais elle sollicite beaucoup les serveurs.
• Créez un site responsive qui s’adapte au support utilisé (smartphone, tablette, pc) pour assurer le confort de lecture de l’internaute et améliorer le taux de conversion.

Toutefois, pensez toujours mobile first ! Ainsi, vous afficherez seulement les informations essentielles, et la version sur desktop sera encore plus light.

Le call-to-action ou bouton d’incitation à l’action doit être mis en évidence quelle que soit la taille de l’écran.

En outre, depuis mai 2021, Google tient compte des signaux web de la Google Page Experience pour classer les sites : LCP (Largest Contentful Paint), FID (First Input Delay) et CLS (Cumulative Layout Shift). L’indicateur LCP mesure le temps de chargement de la page, FID estime l’interactivité (le temps écoulé avant de cliquer sur un lien ou sur le bouton CTA) et le CLS calcule la stabilité visuelle (changements inattendus de mise en page durant la navigation).

Rendre votre site vert vous permettra d’améliorer vos scores LCP, FID et CLS. En effet, le temps de chargement sera réduit, le contenu sera plus facile à lire et le CTA très visible et, il n’y aura pas d’éléments intrusifs (animations, publicités, etc).

Par ailleurs, notez qu’un site éco-conçu nécessite moins de maintenance qu’un site traditionnel.