Green WordPress

Développement de plugins WordPress : économiser les émissions de CO2

Danny van Kooten développe le plugin WordPress Mailchimp pour WordPress - avec actuellement près de deux millions d'installations actives. Grâce à un développement allégé, l'extension permet d'économiser environ 59 000 kg de CO2, et ce chaque mois. Nous avons parlé avec Danny de la programmation efficace et de WordPress durable.

Internet, WordPress et l'hébergement de WordPress consomment beaucoup d'énergie. Dans quelle mesure le système de gestion de contenu leader est-il "vert" ? Et quelle contribution pouvons-nous tous apporter, que ce soit en tant que développeur ou en utilisant WordPress ? Neuf questions à Danny sur son initiative CO2 emissions on the web.

WordPress durable : sois de la partie

Raidboxes s'engage depuis le début pour un WordPress durable. Consulte entre autres nos conseils sur WordPress & la durabilité ainsi que sur les boutiques en ligne vertes. Tu veux prendre plus de responsabilités ? Alors lis notre article Green Hosting for WordPress.

Danny, les projets WordPress efficaces aident à protéger le climat. Comment fonctionne l'économie ?

Pour visualiser une page web, il faut télécharger une série de fichiers sur l'ordinateur. Ensuite, le navigateur traite ces fichiers pour les afficher à l'écran ("rendu"). Plus ces fichiers sont petits, moins il y a de données transmises sur Internet. Cela permet d'économiser de l'énergie à tous les nœuds du réseau - c'est-à-dire entre l'ordinateur et le serveur sur lequel le site web est hébergé.

Développement durable de WordPress

Si un site web a beaucoup de visiteurs, il vaut la peine de le garder aussi léger que possible. Car même une optimisation minime s'additionne de cette manière.

Quelles optimisations pour quelles langues ou formats ont le plus d'impact ?

Fournir des vidéos et des images avec une résolution plus faible et exécuter moins de JavaScript est généralement le plus grand gain. Les coûts énergétiques engendrés par le transfert d'un fichier sur Internet dépendent en outre du réseau utilisé. Une connexion Internet fixe est par exemple beaucoup plus efficace qu'une connexion mobile sans fil.

C'est pourquoi le plus grand levier est probablement d'optimiser ton site web pour fournir des images et des vidéos en basse résolution.

Optimiser le plugin WordPress

Mailchimp pour WordPress permet d'économiser environ 59 tonnes de CO2 par mois. D'où sors-tu ce chiffre ?

Mailchimp pour WordPress charge un fichier JavaScript sur chaque page web sur laquelle le plugin est installé. J'ai réduit la taille de ce fichier de 20 Ko en remplaçant une bibliothèque tierce par quelques lignes de code personnalisées. Car en fait, nous n'utilisions qu'une partie très spécifique de la bibliothèque.

Plugin WordPress Mailchimp
Le plugin WordPress Mailchimp

Comme le plugin est activé sur environ deux millions de sites web, cela permet d'économiser environ 40 Go de transfert de données si chaque site web a exactement un visiteur. Si tu multiplies cela par une moyenne estimée de 10.000 visiteurs mensuels par site web, tu obtiens une économie d'environ 400.000 GB par mois.

En supposant 0,5 kWh par Go de transfert de données et 295 grammes de CO2 par kWh d'énergie, cela signifie que la réduction de 20 kB permet d'économiser au total environ 0,5 * 0,295 * 400.000 = 59.000 kg de CO2 par mois.

Je fais ici beaucoup d'hypothèses sur le nombre de visiteurs mensuels par site, sur la qualité de la mise en cache des fichiers par les appareils et sur les réseaux utilisés. Cependant, mon intention principale n'était pas de donner un chiffre exact. Mais plutôt de montrer à quel point il peut être efficace de penser aux économies de CO2 dans notre travail aussi. Et pas seulement dans d'autres domaines de la vie.

Bibliothèques de tiers

Comment réussis-tu à intégrer les économies potentielles dans ton processus de développement ?

Avec mes plugins WordPress, je fais très attention lorsque je récupère des bibliothèques tierces. Et ce, à chaque fois que je travaille sur un fichier qui doit être chargé dans la zone accessible au public d'un site web sur lequel le plugin est activé. Avec l'avènement de NPM et CDN, il est devenu très facile d'intégrer une dépendance.

C'est super si tu travailles sur un logiciel côté serveur. Mais c'est moins utile si tu travailles sur du JavaScript qui doit être exécuté dans le navigateur. Je pense que ce qui suit peut t'aider :

  • Une idée générale de la façon dont les langues fonctionnent à un niveau inférieur
  • A savoir : Quels algorithmes entrent en jeu lorsqu'on utilise une fonction du langage dans lequel on programme ?

Les deux sont utiles pour décider quels outils sont les plus appropriés pour le travail. Apprendre le C est idéal pour cela. Car le C est un langage dans lequel tu dois t'occuper de nombreux détails dont d'autres langages te déchargent ou qu'ils ont rendus abstraits.

Quels sont les outils disponibles pour rendre le code plus léger et plus efficace ?

Pour JavaScript et GitHub, il existe compressed-size-action. Tu peux ainsi suivre la réduction de la taille des fichiers. Chaque fois que tu modifies ta base de code, tu vois immédiatement si les fichiers importants sont devenus plus grands - et si cette modification en vaut la peine. Pour les sites web complets, je recommande Chrome Lighthouse.

Pour vérifier en tant qu'utilisateur la durabilité d'un plugin ou d'un thème WordPress, tu peux faire ce qui suit : Le plus simple est d'exécuter Chrome Lighthouse avant d'activer un thème ou un plugin. Ensuite, tu le fais fonctionner à nouveau une fois que l'extension est activée et configurée. Ainsi, chacun peut décider si la fonction vaut la peine de perdre de la performance.

"Lettre d'information "verte

Comment rendre les newsletters attrayantes tout en préservant les ressources ?

Ma recommandation : envoie des e-mails au format texte pur chaque fois que c'est possible. Ceux-ci ont moins de chances de finir dans le dossier spam. De plus, une étude après l'autre montre que le texte plain conduit à de meilleurs taux de conversion. Et bien sûr, ces e-mails consomment moins de ressources - c'est donc une situation gagnant-gagnant !

Quels sont les leviers les plus importants dans la vie quotidienne en ligne pour économiser du CO2 ? Même en dehors de WordPress ?

Le levier le plus important, ce sont les émissions que l'on impose aux autres sans qu'ils en aient le contrôle. Tu peux configurer ton logiciel de streaming de manière à ce que les vidéos soient chargées avec une résolution plus faible. Mais l'effet serait bien plus grand si notre logiciel de streaming le faisait pour nous. Un site web n'est pas différent.

Quelques mots sur toi et tes plugins WordPress ?

Je travaillais déjà avec WordPress avant même que les Post Types n'existent. J'ai publié mon premier plugin il y a un peu plus d'une décennie. Depuis 2013, je travaille avec une petite équipe à distance et je crée des plugins WordPress à plein temps. Aujourd'hui, nous nous concentrons principalement sur la création de plugins qui rendent les sites web plus efficaces. Ou qui mettent en avant la protection des données, comme notre dernier plugin Koko Analytics sur WordPress.org.

WordPress vert : tes questions

Quelles sont tes questions sur le développement durable ? N'hésite pas à utiliser la fonction de commentaire. Tu veux plus d'articles actuels sur WordPress et le développement durable ? Alors suis-nous sur Twitter, Facebook ou via notre newsletter.

As-tu aimé cet article ?

Tes évaluations nous permettent d'améliorer encore plus notre contenu.

Laisse un commentaire

Ton adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués d'un *.