Des sites web et des boutiques en ligne avec WordPress qui sont optimisés pour CO₂ ? C'est exactement ce que notre agence partenaire ecombee met en œuvre. En tant qu'hébergeur web particulièrement durable, le thème du WordPress "vert" nous tient à cœur. C'est pourquoi nous avons demandé à Patrick Losert d'ecombee comment planifier des projets web de manière plus écologique.

Patrick, tu conçois des sites web et des boutiques en ligne optimisés pour CO₂ avec WordPress. Quels sont les leviers centraux de ton travail pour que les résultats soient plus durables ?

Au cours des 12 dernières années de travail avec WordPress, j'ai eu l'occasion d'acquérir beaucoup d'expérience, avec des configurations très variées. Des petits sites web et des pages d'atterrissage de validation de marché aux grandes solutions communautaires, SaaS et de boutique en ligne. Certains fonctionnent mieux que d'autres en termes de performance, d'utilisabilité, d'intégration et de maintenance.

Cependant, à cette époque, les questions de performance et de maintenance sont devenues les plus importantes. Et avec la performance et la facilité de maintenance, il y a généralement moins de trafic et d'utilisation des serveurs, ce qui signifie moins de consommation d'énergie de l'infrastructure, donc un effet positif en termes d'émissions de CO₂ (pour faire simple, l'ensemble de la construction est bien sûr beaucoup plus complexe).

Plus de performance ne signifie pas automatiquement moins de CO₂

Il est possible de tricher avec la performance, ce qui ne réduit pas vraiment la consommation d'énergie, par exemple en chargeant des scripts après coup. La question de la maintenabilité a également, à mon avis, un impact sur les émissions de CO₂, car une maintenance importante et de nombreux tests après les mises à jour et les adaptations nécessitent naturellement plus de ressources (techniques et humaines).

Donc, si nous optimisons autant que possible les points de performance et de maintenabilité, c'est déjà la moitié du chemin vers des solutions optimisées pour CO₂. Ensuite, nous avons examiné les goulots d'étranglement restants et adapté nos configurations en conséquence. Les leviers centraux sont définitivement :

• Utiliser un thème WordPress performant. Nous misons ici à 99% sur GeneratePress, car l'intégration avec GenerateBlocks est parfaite et couvre 90% des composants nécessaires.
• Utiliser le moins de plugins WordPress possible.
• Les plugins utilisés doivent être programmés et intégrés de manière performante.
• Optimiser automatiquement toutes les images et les graphiques.
• Optimiser également toutes les feuilles de style et les scripts et ne les charger que là où ils sont nécessaires.
• Une intégration propre du CDN.
• Un hébergeur WordPress très bon et performant comme Raidboxes 😉

Voici un autre aperçu des thèmes WordPress et des plugins que nous utilisons dans la plupart de nos projets :

• GeneratePress, GP Premium, GenerateBlocks, GenerateBlocks Pro, FluentForms Pro, Postman SMTP, Perfmatters, ACF Pro
• Le plugin LazyBlocks, avec lequel nous avons développé divers blocs et intégrations Gutenberg .
• Dans les scénarios complexes, nous utilisons le JetEngine de Crocoblock, que nous avons modifié pour le rendre plus performant.

Pour les boutiques WooCommerce , nous utilisons également la configuration supérieure, avec Mollie comme solution de paiement. Nous complétons les boutiques en ligne à la demande des clients avec des modules développés par nos soins et notre thème enfant GP, car les plugins WooCommerce peuvent rapidement générer un overhead de code que nous évitons ainsi.

Alternatives aux configurations complexes de WordPress

Tes clients doivent-ils renoncer à certaines fonctionnalités ou à des sites web particulièrement élaborés pour atteindre ton objectif ? Comment gères-tu les demandes des clients qui génèrent beaucoup de trafic et de charge ?

Personne ne doit renoncer ici à quelque chose qui est absolument nécessaire. Chaque élément peut être optimisé pour un trafic minimal. Mais je considère que cela fait aussi partie de notre service de conseil de signaler les "gadgets inutiles" et de fournir des alternatives.

Mais notre objectif est toujours atteint à 100 % tant que nous optimisons des éléments, car même une économie de quelques kilo-octets sur les pages à fort trafic a un effet réel. Ainsi, même un site très "CO₂" avec beaucoup d'images et de vidéos a un effet positif sur notre configuration, car sans optimisation, il consommerait beaucoup plus d'énergie.

Pour les sites à fort trafic, nous interceptons, en plus bien sûr d'un hébergement évolutif, beaucoup de choses avec notre intégration CDN et les scripts Worker. Cela permet de répartir la charge et d'économiser des ressources. Je me réjouis donc d'autant plus de la nouvelle infrastructure Raidboxes prévue 🙂

Les plugins et les thèmes WordPress comme leviers

Les plugins WordPress peuvent également être développés de manière durable, voir cette interview. As-tu l'intention de créer tes propres plugins, fonctionnalités ou thèmes à l'avenir ?

Danny van Kooten, que vous avez interviewé, est un type génial. Cela vaut vraiment la peine de lire son article. J'ai adopté son approche dans le passé et j'ai misé sur mes propres plugins et modules pour assurer la performance. Et pour ne charger que les scripts et le code qui sont vraiment nécessaires.

Jusqu'à présent, je pense que la plupart des développeurs de plugins ont donné la priorité au design et aux fonctionnalités plutôt qu'aux performances et à l'économie de ressources. Mais j'espère que cela va changer 🙂

Comme nous voulons obtenir le plus grand effet possible dans l'optimisation CO₂ sans dépenser beaucoup de ressources dans la maintenance du code des plugins et des thèmes WordPress, nous ne publions pas nos plugins et modules. S'occuper de la masse et des configurations ne nous semble pas suffisamment évolutif et maintenable. Nous continuerons donc à utiliser les solutions WordPress que nous avons développées jusqu'à présent uniquement dans nos configurations.

Lorsque nous réalisons des CO₂ audits et des optimisations sur d'autres configurations, nous travaillons avec les ressources et les possibilités qui y sont disponibles, car peu de clients:es sont prêts à faire recréer leur site.

Nous travaillons actuellement sur une solution qui n'optimise pas seulement les pages WordPress, mais qui peut être utilisée avec n'importe quelle pile web. Cela nous permet d'avoir un impact beaucoup plus durable. Et ce, sans avoir à trop faire attention aux logiciels spécifiques.

L'audit CO₂

Vous proposez un audit de performance et de CO₂ avant un projet. Comment procédez-vous exactement et quels outils utilisez-vous ?

Notre audit s'adresse aux sites web existants, aux boutiques en ligne et aux applications web. Nous sommes en train d'automatiser le processus. Pour commencer, nous utilisons une combinaison de Webpagetest, CO2.js, Wappalyzer ainsi que Firefox Performance Profiler pour créer un rapport d'audit complet à partir des données. Le rapport montre ensuite en détail où et combien il y a de potentiel d'optimisation.

Nous comparons ensuite ces connaissances avec nos processus et solutions d'optimisation existants et élaborons un plan d'optimisation. Parfois, nous réalisons aussi des audits de piles Web que nous ne connaissons pas encore et nous pouvons alors apprendre comment les optimiser.

Ce plan d'optimisation débouche sur une recommandation d'action et une estimation de l'ampleur de l'optimisation. Nous proposons ce plan d'optimisation à nos clients, soit par nous-mêmes, soit par leur propre équipe. Après la mise en œuvre de l'optimisation, nous vérifions à nouveau l'ensemble.

Pour que cela ne reste pas un événement ponctuel, mais se poursuive en continu, nous proposons notre package d'audit hebdomadaire ou mensuel. Comme le nom l'indique, nous effectuons un audit à intervalles réguliers. Et si tous les critères du plan d'optimisation restent remplis, nos clients reçoivent notre label CO₂ Optimized.

Nous avons longuement réfléchi avant de créer un label et nous avons finalement décidé de le faire. Moins comme effet marketing, plus comme preuve de vérification qu'une optimisation continue a lieu et que les émissions de CO₂ sont vraiment économisées.

Débuter dans le développement web durable

Quels conseils donnerais-tu aux développeurs WordPress ? Comment réussir à se lancer dans le développement web durable ?

Il existe de super sites d'information à ce sujet, comme par exemple

• sustainablewebdesign.org
• Green Web Foundation
• fershad.com

En outre, chaque personne devrait s'intéresser au sujet des émissions de CO₂. C'est parfois très complexe et opaque, mais je pense que c'est essentiel pour comprendre comment le développement web est lié aux émissions de CO₂.

En ce qui concerne le développement du logiciel lui-même, nous conseillons de créer un concept dès le début et de vérifier ce qui est vraiment nécessaire. Par exemple, quels frameworks ou autres ressources de tiers sont réellement nécessaires. Il vaut mieux développer un module soi-même plutôt que de charger un puissant framework. Cela entraîne certes plus de travail de programmation, mais pour la masse des clients potentiels, cela représente une économie énorme et une valeur ajoutée, selon le principe de Danny van Kooten. De plus, on apprend toujours quelque chose en programmant soi-même.

Ensuite et surtout : écrire un code propre et performant, il existe déjà des plugins pour les environnements de développement comme CodeSniffer, Clean Code, etc. Et si possible, utiliser la mise en cache. Mais surtout : aie le courage de faire des erreurs. Et de la persévérance. Il vaut mieux avoir un petit impact et en tirer des leçons que pas d'impact du tout et se cacher. Nous en faisons nous-mêmes l'expérience tous les jours 🙂

Comment ton idée commerciale particulière est-elle née et quels sont les commentaires que tu reçois ?

L'idée commerciale est née dans le cadre du dernier grand projet d'une startup pour laquelle nous avons travaillé. Nous devions construire une place de marché multi-vendeurs en B2C et le thème de la durabilité était également au premier plan pour la technologie. Le résultat, associé à la motivation intérieure de participer à un changement durable sur le web, a ensuite conduit à notre modèle d'entreprise.

Cependant, la base de tout nous accompagne depuis toutes ces années où nous nous sommes occupés de performance et de durabilité. Le moment s'est cherché, disons-le ainsi 🙂

Jusqu'à présent, nous recevons beaucoup de commentaires positifs sur notre service et notre équipe, mais aussi des critiques sur certains sujets, comme la transparence des émissions de CO₂. Nous sommes très heureux des deux. D'une part, le fait que nos produits soient explicites et que nous travaillions avec nos clients pour rendre leur avenir plus durable sur le web. Mais aussi de la critique qui nous permet de nous mesurer et de nous améliorer en permanence.

Le thème de la transparence est tellement varié, complexe et nécessite tellement d'explications et de contenu que nous ne pouvons pas le gérer en une seule fois. Nous savons que nous ne pouvons pas tout faire correctement dès le début. Mais là encore, nous sommes reconnaissants pour toutes les critiques et les suggestions. Et malgré tout, nous sommes fiers de ce que nous avons déjà accompli. Atteindre l'objectif par petites étapes mais de manière constante et durable, telle est notre devise.

Hébergement écologique WordPress

Pourquoi travailler avec Raidboxes ? Comment concrètement nous t'aidons à mettre en place des projets WordPress durables ?

Nous travaillons avec Raidboxes car, en plus de la durabilité de l'entreprise et de l'hébergement vert, tu nous épargnes beaucoup de travail. Par exemple en ce qui concerne la création de pages, la configuration du serveur, la mise en cache, les sauvegardes, les performances, la sécurité et la configuration de WordPress.

De plus, tes serveurs sont situés en Allemagne, ce qui est un critère important pour la plupart des clients, surtout en B2B. Ton support est l'un des meilleurs que nous ayons connu jusqu'à présent, ce qui nous aide beaucoup. Pour nous, tout cela constitue un bon paquet global, qui est en outre durable.

Quelques mots sur toi et ton équipe ?

Je voyage dans le monde entier depuis quelques années en tant que nomade numérique et je peux ainsi découvrir tant de cultures, de personnes et de projets différents, ce qui me remplit de gratitude. Au cours de ce long voyage, des amitiés et des collaborations étroites se sont développées. Je me réjouis toujours de pouvoir construire l'ici et maintenant et l'avenir avec ces personnes.

Une expérience très importante que j'ai pu faire, c'est que chacune de ces personnes suit son propre chemin de vie et que le changement en fait partie. Que pour beaucoup de personnes, les structures rigides ne fonctionnent pas et que la liberté professionnelle motive intrinsèquement. Aussi, la charge de travail de chaque personne est toujours différente dans nos projets.

C'est pourquoi nous avons décidé de travailler dans une équipe de personnes indépendantes sous une marque, de sorte que l'agilité et la créativité ne soient pas perdues et que chacun participe selon ses besoins. Je suis un grand ami de ce type d'équipe, car nous avons très peu de conflits et chaque membre de l'équipe peut suivre son propre "pourquoi" sans perdre en créativité et en productivité.

Tout cela semble très philosophique, mais c'est pour nous un élément de base important pour une collaboration réussie. Je suis reconnaissant et fier de faire partie de cette équipe.