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 une quantité estimée à 59.000 kg de CO2, et ce chaque mois. Nous avons parlé avec Danny de 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 comment pouvons-nous tous y contribuer, 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. Voir 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 contribuent à la protection du climat. Comment fonctionnent les économies ?

Pour visualiser une page web, une série de fichiers doit être téléchargée sur l'ordinateur. Le navigateur traite ensuite 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. En effet, même une optimisation minime s'additionne de cette manière.

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

La mise à disposition de vidéos et d'images à une résolution plus faible et l'exécution de moins de JavaScript constituent généralement le gain le plus important. 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 consiste probablement à optimiser ton site web de manière à 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. Comment en es-tu arrivé à 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 nous n'utilisions en fait 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 l'on multiplie cela par une moyenne estimée de 10.000 visiteurs mensuels par site web, on obtient 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 ko permet d'économiser au total environ 0,5 * 0,295 * 400.000 = 59.000 kg de CO2 par mois.

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

Bibliothèques de tiers

Comment parviens-tu à intégrer d'éventuelles économies dans ton processus de développement ?

Avec mes plugins WordPress, je suis très prudent 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 parfait si l'on travaille sur un logiciel côté serveur. Mais c'est moins utile quand on travaille sur du JavaScript qui doit être exécuté dans le navigateur. Je pense que ce qui suit peut aider :

  • Une idée générale du fonctionnement des langues à un niveau inférieur
  • À 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. L'apprentissage du C est idéal pour cela. En effet, 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 qui permettent d'alléger le code et de le rendre plus efficace ?

Pour JavaScript et GitHub, il existe compressed-size-action. Tu peux ainsi suivre la réduction de la taille des fichiers. À chaque modification de ta base de code, tu vois ainsi immédiatement si des fichiers importants sont devenus plus volumineux - et si cette modification en vaut la peine. Pour les pages web complètes, 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 dès que l'extension est activée et configurée. Ainsi, chacun peut décider si la fonction vaut la peine de perdre en performance.

"Bulletin d'information "vert

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 d'atterrir dans le dossier spam. De plus, une étude après l'autre montre que le texte plain conduit en plus à de meilleurs taux de conversion. Et bien sûr, de tels 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 pour qu'il charge des vidéos en basse résolution. L'effet serait toutefois bien plus important si notre logiciel de streaming le faisait pour nous. Un site web n'est pas différent à cet égard.

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.