Conception web écologique : comment réduire l'empreinte carbone de votre site web

Les années à venir seront vitales pour la santé de la planète et le bien-être de l'homme, et chaque action compte sur notre chemin vers le zéro net. Alors que l'attention s'est portée sur les transports, les routes et les bâtiments, les émissions de l'internet sont passées inaperçues. Elles représentent environ 4% des émissions mondiales de carbone, soit plus que l'industrie aéronautique, et consomment 10% de l'électricité mondiale, dont la majorité provient de combustibles fossiles. Les sites web jouent un rôle important dans cette consommation.

Un site web moyen produit environ deux grammes de CO2 chaque fois qu'une personne visite une page. Cela semble peu, non ? Mais avec un demi-million de pages vues par mois, cela représente 11 tonnes de CO2 en un an. Le vôtre est peut-être moins actif que cela. Mais il y a deux milliards de sites web dans le monde et tout cela représente des milliards de milliards de tonnes de CO2 qui s'échappent inutilement dans l'atmosphère.

Chaque site web a le pouvoir de faire la différence.

Alors, comment réduire la consommation d'énergie ?

L'écosystème de l'internet comprend les centres de données, les réseaux de transmission et les appareils des utilisateurs comme les ordinateurs et les smartphones. Les sites web, notamment par leur utilisation des centres de données, contribuent à cette énorme consommation.

En tant que concepteurs ou quiconque conçoit un site Web pour lui-même ou pour quelqu'un d'autre, nous devons être attentifs à l'impact environnemental. Cet article se veut un guide simple qui peut vous aider à faire en sorte que votre site Web soit le moins polluant possible et donc respectueux de l'environnement. Cela peut contribuer à améliorer les performances de votre site ainsi que son classement dans les moteurs de recherche. Il va sans dire que nous ne devrions pas créer de sites Web dont nous n'avons pas besoin. S'il s'agit d'un site existant ou d'un nouveau site, les éléments suivants peuvent vous aider à rendre votre site écologique - en mesurant moins d'un gramme de CO2 par page vue (CO2e), en maintenant la taille des pages à un niveau bas et en réduisant le transfert de données. Calculateur de carbone du site Web à l'adresse www.websitecarbon.com est un outil que nous recommandons, qui vous donne une assez bonne estimation des émissions de carbone de vos pages web.

Sites web écologiques : Conseils pratiques

Vous trouverez ci-dessous quelques conseils pour réduire la quantité de données transférées par les sites Web et les aider à devenir plus respectueux de l'environnement.

1. Maintenez la taille/le poids des pages aussi bas que possible. Évaluez le contenu de chaque aspect de votre site ; si son utilité est douteuse, laissez-le de côté.
2. Les images représentent une part importante du poids de la page. Vous pouvez utiliser https://tinypng.com/ ou https://shortpixel.com/ pour compresser les photos une par une. Il suffit de télécharger l'image, et vous obtiendrez la même image qui est maintenant compressée (taille de fichier réduite). Les images compressées peuvent ensuite être ajoutées au site Web.
3. Débarrassez-vous des vieilles images inutiles. Téléchargez les images à l'échelle correcte au lieu de compter sur les CSS pour les redimensionner à votre place.
4. Au lieu de JPEG, PNG et GIF, utilisez des graphiques SVG et CSS. WebP, suivi de JPG, est souvent considéré comme le format d'image le plus efficace. Toutefois, en fonction des qualités uniques de chaque image, il existe quelques exceptions. Enregistrez toujours une image à la taille et au niveau de compression nécessaires, et expérimentez plusieurs formats de fichiers pour trouver le plus efficace.
5. Le chargement paresseux des images est un autre excellent moyen de réduire le transfert de données.
6. Ne réglez pas la lecture automatique des vidéos. Créez un lien pour les ouvrir dans un hôte comme YouTube ou Vimeo. Si vous avez des vidéos sur la page elle-même, essayez de les compresser et ne les mettez pas en lecture automatique.
7. Utilisez une solution de mise en cache pour réduire la quantité de traitement nécessaire au chargement d'une page pour l'utilisateur. La mise en cache consiste à stocker les ressources d'une demande et à les réutiliser pour les demandes suivantes. Elle réduit la quantité de bande passante du serveur nécessaire à l'affichage des pages pour l'utilisateur.
8. Évaluez le contenu de chaque aspect de votre site ; si son utilité est mise en doute, laissez-le de côté.
9. Écrivez un code propre et efficace - L'envoi de données à un navigateur consomme de l'énergie ; moins vous envoyez de code, moins vous consommez d'énergie/électricité. Vérifiez s'il y a des plugins inutiles, des plugins dont vous n'avez pas besoin - débarrassez-vous-en.
10. Réduisez au minimum l'utilisation de polices personnalisées. Les polices contribuent fortement au poids d'une page Web. Les polices système peuvent être utilisées sans aucun impact sur le poids de la page. Dans la mesure du possible, utilisez des polices Web modernes telles que WOFF et WOFF2, qui utilisent des méthodes de compression plus élevées.
11. Réduisez le suivi et les scripts publicitaires inutiles qui offrent rarement une valeur ajoutée aux visiteurs de votre site Web.
12. Utilisez des solutions mobiles comme AMP pour réduire la version actuelle d'une page Web chaque fois que cela est possible. Le projet AMP de Google est une initiative open-source qui permet une diffusion rapide du contenu des sites Web. AMP permet aux pages Web de se charger presque instantanément, jusqu'à 90 % plus vite que les normes actuelles.
13. Améliorer l'optimisation pour les moteurs de recherche (SEO) du site web. Cela permet aux gens de trouver facilement et rapidement les informations qu'ils recherchent sans avoir à parcourir inutilement de nombreuses pages du site web, ce qui représente une perte d'énergie.
14. Envisagez de décharger les médias volumineux, par exemple les ressources PDF, DOCX et MP3 du site, vers des fournisseurs tiers respectueux de l'environnement. Vous pouvez également décharger et mettre en cache la livraison de vos grands médias avec un réseau de diffusion de contenu (CDN).

Comment ces conseils ont-ils fonctionné pour vous ? Avez-vous d'autres idées sur la façon de réduire l'empreinte carbone d'un site Web ? Alors, n'hésitez pas à partager vos conseils et vos idées dans notre communauté, afin d'aider les autres à être respectueux de l'environnement.

Vous trouverez ci-dessous quelques liens recommandés pour des outils et des lectures supplémentaires sur la conception de sites web et l'internet écologiques.