réduire la consommation d’énergie des sites WordPress • Yoast

Il y a quelques semaines, CloudFest organisait son Hackathon annuel et Yoast était fier d’être partenaire et sponsor de cette édition. Au cours de cet événement, des développeurs et d’autres professionnels du Web du monde entier se sont réunis pour résoudre des problèmes réels. Tout en s’amusant ! Bien sûr, nous ne pouvions pas nous asseoir et profiter du spectacle de loin. Quelques-uns d’entre nous Yoasters ont également rejoint l’événement et participé au projet éco-mode, un projet dont l’objectif est d’avoir un impact sur la consommation énergétique mondiale d’Internet. Et ce fut plutôt un succès !

Qu’est-ce que le CloudFest Hackathon ?

CloudFest, la plus grande conférence mondiale sur le cloud computing, est de retour en Allemagne en mars 2023, et Yoast était ravi de faire partie du hackathon cette année. L’événement de trois jours a réuni 11 projets open-source et 120 participants dans le but de créer des solutions innovantes aux défis technologiques intrigants de la communauté OSS.

En tant que sponsor de retour de l’année dernière, n’ayant malheureusement pas pu assister en personne en 2022, nous voulions définitivement nous impliquer davantage dans l’événement cette fois-ci. Nous avons envoyé non pas un, mais trois représentants pour participer au plaisir et découvrir de première main les ondes positives dont nous avions tant entendu parler par les participants de l’année précédente. Non seulement nous avons envoyé des Yoasters pour assister au hackathon, mais notre propre Diede Exterkate et moi (Leonidas Milosis) avons codirigé l’un des projets du hackathon, le Projet éco-mode. Et laissez-moi vous dire que ce fut une expérience que nous n’oublierons pas de si tôt !

Le projet Eco-mode

Comme l’indique la description du projet sur le site Web du hackathon :

Les requêtes HTTP sortantes récurrentes dans WordPress peuvent être une source d’utilisation inutile d’énergie et de bande passante qui peut être recalibrée et optimisée.

Le projet Eco-mode est né, avant le hackathon, de l’intention de réduire la consommation énergétique totale des sites Web WordPress, en réduisant les requêtes HTTP sortantes qu’un site Web effectue. L’idée de base était que nous voulions déterminer s’il existe des demandes sortantes que les sites WordPress effectuent et qui peuvent être limitées sans qu’aucune fonctionnalité ne soit interrompue.

L’objectif à long terme de tout cela serait de créer un plugin qui effectue ces recalibrages et si cela était largement adopté (peut-être en se transformant en un greffon canonique), cela se traduirait par un grand nombre de requêtes externes empêchées, faisant ainsi une brèche dans la consommation énergétique totale d’internet ! Inutile de dire qu’à mesure que les jours du hackathon approchaient, je commençais à être de plus en plus excité, réalisant que le projet pouvait réellement faire la différence. La responsabilité de la tâche à accomplir a commencé à devenir réelle, ce qui nous amène à l’événement.

Chronologie du hackathon

Jour 1 : Chaos inspirant

Tout a commencé avec le responsable de chaque projet qui a fait un pitch rapide, essayant de persuader les gens de rejoindre leur projet. Notre approche pour le pitch Eco-mode était simple : nous recherchions des développeurs soucieux d’optimiser les performances des sites WordPress tout en réduisant leur consommation d’énergie. C’est une vente facile, non ?

Il s’avère que c’était le cas. Nous avons réussi à réunir une belle équipe, composée de Thierry Muller, Moritz Bappert, Zsolt Revay, Christoph Daum et Petar Ratkovic de Yoast. Une fois que l’équipe s’est réunie à la table du projet et que nous avons expliqué la tâche à accomplir, il était temps de réfléchir. Je qualifierais cette première journée de chaotique mais de manière inspirante. À la fin de la journée, un code minimal avait été écrit, mais nous avions partagé quelques idées et quelques itinéraires que chaque sous-groupe pourrait essayer de suivre le lendemain.

Jour 2 : Il est temps de devenir sérieux

C’était le moment de voir si nous avions des idées qui valaient vraiment la peine d’être poursuivies. Je ne vais pas mentir, à un moment donné j’ai eu cette sensation anxiogène qu’on se dirigeait vers une impasse. Chaque idée partagée s’est avérée soit irréalisable, soit sans impact. Mais ensuite, quelque chose de bizarre s’est produit. Alors que nous étions sur le point d’abandonner une autre idée pour être trop perturbatrice du flux normal de WordPress, notre brainstorming collectif a créé une légère modification de cette idée avec une logique un peu plus sophistiquée derrière. Et cela a semblé nous débloquer car, en une heure, nous avions 3 sous-groupes différents travaillant sur des choses différentes avec des potentiels prometteurs.

Après avoir vérifié auprès des mentors de l’événement que nos idées étaient viables, nous avions maintenant un objectif clair en vue. Chaque sous-groupe avait des tâches et les choses cliquaient enfin. Le seul problème maintenant était le temps qui manquait. Heureusement, dans le cadre d’un hackathon, vous essayez surtout de construire quelque chose qui prouve qu’une idée peut fonctionner. Vous savez qu’en tant que développeur, vous essayez toujours d’avoir un code vierge, en adhérant à toutes sortes de bonnes pratiques et de conventions ? Eh bien, vous pouvez jeter la plupart de ces exigences par la fenêtre lors d’un hackathon : « Construisez maintenant, améliorez plus tard » comme on dit. À la fin de la journée, nous avions la plupart des choses prêtes, avec seulement quelques détails restants.

Jour 3 : Le dernier jour

Nous avions deux heures pour tout terminer et préparer une présentation, ce que nous avons fait – bien que nous ayons rendu nos diapositives littéralement à la dernière minute. Nous étions satisfaits de nos progrès et avons décidé d’avoir toute l’équipe sur scène pour la présentation. C’était un vrai travail d’équipe, après tout ! Une fois que tous les projets ont présenté leur travail, il était temps pour la cérémonie de remise des prix. Pour créer une compétition amicale, Cloudfest a eu 6 prix dont le Prix ​​des champions #CFHack2023, le prix ultime. Notre expérience dans le hackathon aurait été géniale même sans rien gagner, donc notre équipe n’était pas si stressée par les résultats. Mais pour ne rien arranger, notre projet Eco-mode a remporté 3 prix !

• Le Catalyseur visionnaire décerner
• Le L’avenir du Web décerner
• Le Champion #CFHack2023 décerner

Avancement du projet et prochaines étapes

Pour résumer, en un week-end nous avons réussi à créer un plugin qui implémente :

• Deux façons de réduire automatiquement les requêtes externes d’un site WordPress, diminuant ainsi son empreinte carbone.
• Une API que les propriétaires de sites Web peuvent utiliser pour réduire encore plus les demandes externes du site, en fonction des besoins et des fonctionnalités de chaque site.
• Un brouillon d’un tableau de bord où un utilisateur pourrait plus tard voir les estimations des demandes enregistrées et les contrôles de l’utilisateur pour l’optimisation manuelle.

Bien que ces implémentations doivent et seront améliorées pour que le plugin soit considéré comme un niveau de production, cela a été un bon début pour un projet qui peut, s’il est largement adopté, potentiellement affecter considérablement la consommation d’énergie Internet mondiale.

Alors, quelle est la prochaine étape ?

Quant à ses prochaines étapes, un repo a été mis en place en GitHub, où un tas de problèmes ont été créés pour itérer sur le plugin. En entrant dans les détails techniques, en plus des tâches existantes dans le référentiel, nous devons réfléchir aux problèmes d’évolutivité et à la meilleure façon de les résoudre afin que le plugin puisse être installé sur les sites à fort trafic, là où cela compte le plus. De plus, nous voulons explorer les moyens d’estimer et de mesurer l’impact réel et réintégrer ces résultats dans le processus d’optimisation pour fournir une heuristique plus intelligente.

En général, si le projet peut correctement communiquer et vendre la vision d’un WordPress « conscient du carbone » qui économise à la fois sur les coûts de carbone et de bande passante, ce serait une victoire majeure pour nous tous. Le plugin peut être le premier aperçu de ces possibilités, mais aussi servir de déclencheur de discussion pour amener à la fois WordPress Core et l’écosystème du plugin à être plus conscients dans leur utilisation des ressources et à améliorer leur code pour qu’il soit plus écologique même sans l’éco- plug-in de mode.

Notre engagement envers la durabilité

Chez Yoast, nous nous soucions profondément de l’environnement et, par conséquent, les objectifs du projet s’alignent profondément sur nos valeurs. C’est pourquoi nous avons déjà inclus le projet dans le dernier Yoast Contributor Day nous avons organisé, où le plugin a reçu encore plus de contributions et nous espérons faire de même à l’avenir également.

Mais notre engagement à durabilité coule plus profondément. Nous œuvrons pour un monde plus vert, avec notre culture d’entreprise et les produits que nous proposons. C’est pourquoi nous avons récemment introduit une nouvelle fonctionnalité dans Yoast SEO qui aide nos utilisateurs à réduire l’empreinte carbone de leur site Web. En utilisant le paramètres d’optimisation de l’exploration vous pouvez empêcher l’exploration inutile. Cela facilite l’exploration de votre site, coûte moins d’énergie et augmente les chances que Google explore les bonnes URL. Moins d’exploration réduit la pression sur votre site Web et sur l’environnement dans son ensemble.

Dernières pensées

Dans l’ensemble, cela a été une expérience absolument passionnante, c’est le moins qu’on puisse dire. Pouvoir rencontrer des personnes intéressantes dans votre domaine de travail, tout en travaillant sur un projet qui a le potentiel de réduire les effets environnementaux de WordPress, était vraiment unique. Nous espérons que ce projet aidera les utilisateurs de WordPress et contribuera éventuellement à un web plus vert !

En savoir plus: Pourquoi vous devriez vous soucier de l’écologisation de votre site Web »