{"id":23249,"date":"2019-01-29T08:19:41","date_gmt":"2019-01-29T07:19:41","guid":{"rendered":"https:\/\/kinsta.com\/?p=24306"},"modified":"2024-01-24T14:12:56","modified_gmt":"2024-01-24T13:12:56","slug":"sites-web-sans-carbone","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/sites-web-sans-carbone\/","title":{"rendered":"Le web \u00e9cologique : Comment nous pouvons cr\u00e9er des sites Web sans carbone"},"content":{"rendered":"

Chaque fois que je parle de web \u00e9cologique et de la r\u00e9duction des \u00e9missions de carbone des sites Web, les gens me regardent souvent d’un air vide avant de me demander si les sites Web produisent ou non des \u00e9missions de carbone.<\/p>\n

Nous avons tendance \u00e0 penser qu’Internet est propre et immat\u00e9riel. Il y a eu un grand mouvement en faveur des services en ligne, non seulement pour am\u00e9liorer l’efficacit\u00e9 et l’exp\u00e9rience de l’utilisateur, mais aussi pour r\u00e9duire la consommation de ressources et l’impact sur l’environnement. Cependant, il y a de plus en plus de preuves que l’Internet a un impact environnemental tr\u00e8s r\u00e9el<\/strong>, m\u00eame si nous ne pouvons pas le voir.<\/p>\n\n

La consommation d’\u00e9nergie et les \u00e9missions provenant d’Internet sont \u00e9normes. L’\u00e9lectricit\u00e9 est l’\u00e9l\u00e9ment vital de l’Internet, utilis\u00e9 pour alimenter les centres de donn\u00e9es, les r\u00e9seaux de t\u00e9l\u00e9communications et les appareils que nous utilisons pour naviguer sur le Web. Au total, l’Internet mondial consomme plus d’\u00e9lectricit\u00e9 que l’ensemble du Royaume-Uni (416,2 t\u00e9rawattheures<\/a> d\u2019\u00e9lectricit\u00e9 par an pour \u00eatre pr\u00e9cis).<\/p>\n

Cela se traduit par beaucoup d’\u00e9missions de carbone. En fait, 2 % des \u00e9missions mondiales de carbone proviennent <\/a>de l’\u00e9lectricit\u00e9 utilis\u00e9e par Internet. Comme les centres de donn\u00e9es utilis\u00e9s par les grandes entreprises. C’est l’\u00e9quivalent de la quantit\u00e9 de carbone provenant de l’industrie a\u00e9ronautique mondiale, que la plupart des gens consid\u00e8rent comme l’une des industries les plus polluantes. Pour mettre les choses en perspective, si Internet \u00e9tait un pays, il serait le sixi\u00e8me plus grand pollueur du monde, \u00e9quivalent \u00e0 l’Allemagne.<\/p>\n

\"Les
Les centres de donn\u00e9es produisent beaucoup d’\u00e9missions de carbone<\/figcaption><\/figure>\n

Contrairement \u00e0 de nombreuses autres industries qui recherchent l’efficacit\u00e9 et r\u00e9duisent leurs \u00e9missions, les \u00e9missions provenant d’Internet devraient augmenter rapidement dans les ann\u00e9es \u00e0 venir. Le nombre de personnes dans le monde ayant acc\u00e8s \u00e0 l’Internet est en augmentation, et \u00e0 mesure que les donn\u00e9es deviennent plus rapides et moins ch\u00e8res, nous consommons tous davantage. Les services de streaming tels que YouTube, Netflix et Spotify sont de gros utilisateurs de donn\u00e9es et se d\u00e9veloppent rapidement, mais m\u00eame les sites Web ordinaires deviennent de plus en plus gourmands en donn\u00e9es.<\/p>\n

Selon HTTPArchive.org<\/a>, la taille moyenne d’une page Web aujourd’hui est presque quatre fois plus grande qu’en 2010<\/strong> et continue d’augmenter.<\/p>\n

\"Croissance
Croissance moyenne des pages Web (Source : HTTP Archive)<\/figcaption><\/figure>\n

Par cons\u00e9quent, on estime qu’Internet pourrait repr\u00e9senter 3,5 % des \u00e9missions mondiales de carbone<\/a> au cours des dix prochaines ann\u00e9es, \u00e0 un moment o\u00f9 nous devons rapidement r\u00e9duire les \u00e9missions de toutes les industries.<\/p>\n

L’urgence a \u00e9t\u00e9 soulign\u00e9e par Thomas Stocker, l’un des plus \u00e9minents climatologues du monde et ancien copr\u00e9sident du Groupe d’experts intergouvernemental sur l’\u00e9volution du climat (GIEC). Il a d\u00e9clar\u00e9 :<\/p>\n

L’ann\u00e9e 2020 est cruciale. Si les \u00e9missions de CO2 continuent d’augmenter au-del\u00e0 de cette date, les objectifs d’att\u00e9nuation les plus ambitieux ne pourront plus \u00eatre atteints. (Source : M2020<\/a>)<\/em><\/p><\/blockquote>\n

Il ne nous reste donc que deux ans pour transformer notre industrie, qui \u00e9tait l’une des sources d’\u00e9missions de gaz \u00e0 effet de serre dont la croissance est la plus rapide, et commencer \u00e0 r\u00e9duire nos \u00e9missions collectives. En tant que concepteurs Web, d\u00e9veloppeurs ou propri\u00e9taires de sites Web, nous devons chercher \u00e0 voir ce que nous pouvons faire pour r\u00e9duire les \u00e9missions de nos propres sites Web.<\/p>\n

Premi\u00e8rement, nous devons comprendre trois principes simples :<\/p>\n

    \n
  1. Nous ne pouvons pas g\u00e9rer des choses que nous ne pouvons pas mesurer.<\/li>\n
  2. Le transfert de donn\u00e9es consomme de l’\u00e9lectricit\u00e9, donc r\u00e9duire le transfert de donn\u00e9es r\u00e9duira l’\u00e9nergie et les \u00e9missions.<\/li>\n
  3. Les \u00e9nergies renouvelables produisent beaucoup moins d’\u00e9missions que les autres sources.<\/li>\n<\/ol>\n

    Mesurer les \u00e9missions de carbone des sites Web<\/h2>\n

    Il est tr\u00e8s difficile d’am\u00e9liorer quoi que ce soit que l’on ne puisse pas mesurer et, jusqu’\u00e0 r\u00e9cemment, il \u00e9tait presque impossible de savoir quelles \u00e9taient les \u00e9missions d’un site Web particulier. Le r\u00e9sultat \u00e9tait qu’il \u00e9tait difficile pour les concepteurs de sites Web, les d\u00e9veloppeurs et les propri\u00e9taires de sites Web de discuter de la question des \u00e9missions de carbone de leurs sites Web, et encore moins de faire quoi que ce soit \u00e0 ce sujet.<\/p>\n

    Heureusement, cela est maintenant possible gr\u00e2ce \u00e0 l’outil gratuit d’estimation des \u00e9missions de CO2 du site WebsiteCarbon.com<\/a> qui fournit des donn\u00e9es sur les \u00e9missions de CO2 par page consult\u00e9e, les \u00e9missions annuelles de CO2 (en fonction du nombre de pages consult\u00e9es), la consommation \u00e9nerg\u00e9tique annuelle et l’h\u00e9bergement ou non du site dans un centre informatique fonctionnant aux \u00e9nergies renouvelables. Gr\u00e2ce \u00e0 cet outil, il est possible de comparer votre propre site Web \u00e0 celui de vos concurrents et de fixer des objectifs pour votre propre r\u00e9duction de carbone.<\/p>\n

    \"Mesurer
    Mesurer les \u00e9missions de carbone sur le site Web<\/figcaption><\/figure>\n

    Les donn\u00e9es de cet outil r\u00e9v\u00e8lent des faits surprenants. Un site Web produit en moyenne 6,8 grammes de CO2 par page vue<\/strong>. Cela peut ne pas sembler beaucoup, mais \u00e7a s’additionne rapidement. Un site Web moyen avec 10 000 pages vues par mois produirait 816 kg de CO2 par an. C’est plus que les \u00e9missions produites par un vol de Londres \u00e0 Tokyo.<\/p>\n

    D’autre part, le site Web le plus efficace test\u00e9 est www.muskfoundation.org<\/a>, la fondation \u00e0 but non lucratif d’Elon et Kimbal Musk, avec des \u00e9missions de seulement 0,009 gramme de CO2 par page vue. C’est peut-\u00eatre un site web brutalement minimaliste et il ne r\u00e9pond certainement pas aux attentes de la plupart des internautes modernes en mati\u00e8re d’exp\u00e9rience utilisateur, mais il souligne \u00e0 quel point une page web peut \u00eatre efficace.<\/p>\n

    R\u00e9duire le transfert de donn\u00e9es \u00e0 partir de sites Web<\/h2>\n

    Apr\u00e8s avoir compar\u00e9 les \u00e9missions de notre site Web existant et de ceux de nos concurrents, nous pouvons prendre des mesures pour r\u00e9duire les \u00e9missions. Les transferts de donn\u00e9es \u00e9tant directement li\u00e9s \u00e0 la consommation d’\u00e9nergie et aux \u00e9missions, l’une des choses cl\u00e9s que nous devons faire est de trouver des moyens de rendre le site Web plus efficace<\/strong>. Il y a deux fa\u00e7ons principales d’y parvenir.<\/p>\n

    Premi\u00e8rement, nous pouvons r\u00e9duire le poids (en Ko) de toutes nos pages Web. La r\u00e9duction du poids des pages pr\u00e9sente de nombreux avantages suppl\u00e9mentaires, notamment des temps de chargement plus rapides, ce qui am\u00e9liore l’exp\u00e9rience utilisateur et le r\u00e9f\u00e9rencement, ainsi qu’une utilisation r\u00e9duite des donn\u00e9es pour les utilisateurs disposant de connexions Internet limit\u00e9es. Cela peut \u00eatre particuli\u00e8rement important pour les utilisateurs mobiles et les visiteurs de sites Web appartenant \u00e0 des groupes \u00e0 faible revenu, en particulier dans les pays en d\u00e9veloppement o\u00f9 les donn\u00e9es Internet sont tr\u00e8s ch\u00e8res par rapport aux salaires locaux.<\/p>\n

    Quelques choses simples que nous pouvons faire pour r\u00e9duire le poids des pages sont :<\/p>\n

      \n
    1. Nous pouvons \u00e9crire du code proprement et efficacement.<\/li>\n
    2. Nous pouvons utiliser des graphiques vectoriels et des effets CSS pour cr\u00e9er une exp\u00e9rience visuellement attrayante avec des fichiers beaucoup plus petits que les images traditionnelles telles que JPEGs et GIFs.<\/li>\n
    3. Nous pouvons t\u00e9l\u00e9charger des images \u00e0 la bonne \u00e9chelle au lieu de compter sur CSS pour les redimensionner. Si vous utilisez WordPress, ce n’est pas aussi important car il supporte les images responsives<\/a>.<\/li>\n
    4. Nous pouvons d\u00e9charger de grands m\u00e9dias<\/a>vers des fournisseurs tiers qui sont respectueux de l’environnement.<\/li>\n
    5. Nous pouvons compresser des fichiers, des images et des vid\u00e9os pour r\u00e9duire la taille des fichiers sans perte visible de qualit\u00e9. Jetez un coup d’\u0153il \u00e0 ces articles sur l’ optimisation des images<\/a> et la compression lossy<\/a>. Une petite compression lossy peut facilement r\u00e9duire une page Web de plus de 90% !<\/strong>\u00a0\ud83d\ude32\n

      \"Avant
      Avant et apr\u00e8s compression<\/figcaption><\/figure><\/li>\n
    6. Nous pouvons \u00e9viter la lecture automatique sur les vid\u00e9os, en demandant \u00e0 l’utilisateur de choisir de lire les vid\u00e9os si elles sont d’int\u00e9r\u00eat.<\/li>\n
    7. Nous pouvons minimiser les polices personnalis\u00e9es, qui peuvent en fait repr\u00e9senter une grande partie de la taille globale de la page. Envisager des polices de caract\u00e8res s\u00e9curis\u00e9es pour le web est une autre<\/a> excellente option.<\/li>\n
    8. Nous pouvons d\u00e9cider de ne plus supporter les navigateurs plus anciens comme IE8 et d’utiliser uniquement des polices web modernes, comme WOFF et WOFF2 qui utilisent des m\u00e9thodes de compression sup\u00e9rieures. Consultez ce tutoriel sur l’utilisation des versions \u00e9pur\u00e9es des\u00a0polices locales<\/a>.<\/li>\n
    9. Nous pouvons r\u00e9duire le suivi et les script publicitaires, qui consomment des donn\u00e9es tout en ajoutant rarement de la valeur \u00e0 l’utilisateur. D\u00e9couvrez comment analyser les performances de tiers<\/a> sur votre site Web.<\/li>\n
    10. Nous pouvons utiliser des solutions mobiles telles que AMP<\/a> pour d\u00e9pouiller instantan\u00e9ment la version actuelle d’une page Web.<\/li>\n<\/ol>\n

      Tout au long du cycle de vie d’un site Web, la meilleure r\u00e8gle est probablement de ne pas en tenir compte en cas de doute<\/strong>.<\/p>\n

      Souvent, si nous ne savons pas si un site Web a besoin de quelque chose, il est tentant de l’ajouter juste pour des raisons de s\u00e9curit\u00e9, mais nous devrions vraiment l’aborder dans une perspective oppos\u00e9e. Nous devrions laisser de c\u00f4t\u00e9 tout ce dont nous ne sommes pas certains. Ce n’est qu’ensuite qu’il faut l’ajouter au site s’il s’av\u00e8re n\u00e9cessaire et de valeur.<\/p>\n

      La mise en \u0153uvre d’une solution de mise en cache<\/a> est \u00e9galement tr\u00e8s importante. La mise en cache est le processus de stockage des ressources d’une requ\u00eate et de r\u00e9utilisation de ces ressources pour des requ\u00eates ult\u00e9rieures. Fondamentalement, cela r\u00e9duit la quantit\u00e9 de bande passante du serveur n\u00e9cessaire pour g\u00e9n\u00e9rer une vue de page en stockant des ressources statiques externes \u00e0 l’h\u00e9bergeur.<\/p>\n

      Prenez l’h\u00e9bergeur WordPress Kinsta par exemple. Ils ont quatre types de cache diff\u00e9rents<\/a>, qui sont tous automatiquement effectu\u00e9s au niveau du logiciel ou du serveur :<\/p>\n