Internet est l'un des plus grands consommateurs d'énergie de notre époque. Cela inclut les nombreux sites web qui nous divertissent, nous informent ou sur lesquels nous faisons des achats. Plus d'un tiers d'entre eux fonctionnent sur la base de WordPress et WooCommerce. C'est beaucoup - et cela offre un grand potentiel d'économie. Dans cet article, nous nous penchons sur la question : comment rendre les sites web plus durables avec WordPress ?

Tout le monde le connaît et l'utilise : Internet. Aujourd'hui, la moitié de l'humanité est en ligne et consomme assidûment des données. Tu te dis peut-être : c'est génial, car cela nous évite de produire des livres, des catalogues ou des DVD à grands frais. Même une réunion en ligne est bien mieux que de devoir traverser la moitié du pays pour une simple conversation, n'est-ce pas ?

En principe, tout cela est vrai, mais il y a un hic. Entre-temps, l'échange d'informations en ligne a pris des proportions énormes. Et pour cela, il faut de l'électricité, beaucoup d'électricité. Tu connais certainement cette comparaison : si Internet était un pays, il occuperait la troisième place en termes de consommation d'électricité, juste derrière les États-Unis et la Chine, et la tendance est à la hausse.

Cette comparaison m'a fait beaucoup réfléchir. L'un des problèmes est sans aucun doute que l'on ne voit pas cette énorme consommation de ressources. Tout le monde remarque une cheminée qui fume ou un pot d'échappement qui pue, on sait que l'on doit faire quelque chose contre cette pollution. Un ordinateur ou un smartphone, par contre, sont silencieux, sans bruit et soi-disant propres. Mais malheureusement, ils sont trop rarement verts. Et avec l'utilisation croissante de clouds, de streaming vidéo et de sites web de plus en plus sophistiqués, la "consommation" de technologies numériques continue de croître silencieusement. 

A un moment donné, je me suis demandé ce que je pouvais faire pour réduire ma "consommation de données" personnelle. Car une chose est sûre : nous utilisons tous Internet. Par conséquent, chacun d'entre nous - moi y compris - peut contribuer à être en ligne de manière responsable. Nous pouvons publier des dizaines de tweets par jour, passer des heures à regarder des séries sur Netflix ou envoyer des vidéos de chats sans intérêt. Ou alors, nous utilisons Internet de manière consciente et avec une véritable valeur ajoutée.

Si tu gères toi-même un ou plusieurs sites WordPress, tu peux commencer encore plus tôt. Tu peux essayer de rendre les différents sites web aussi durables que possible. Mais comment faire ? Et quelle est ton influence ?

Quel est le degré de durabilité de ton site web ?

Je gère plusieurs projets basés sur WordPress. Il y a quelques années, j'ai commencé à me familiariser avec le monde de WordPress. Je suis probablement tombé dans tous les pièges que WordPress peut offrir, je ne suis pas un développeur. J'utilise même un constructeur de page WordPress, comme beaucoup le font, peut-être toi aussi ?

Bien sûr, je pourrais maintenant aller chercher une agence pour me créer un site Internet WordPress sur mesure, en payant beaucoup d'argent. Dans l'idéal, elle serait pensée dans les moindres détails et ne serait pas trop grande d'un octet. Mais tous les utilisateurs de WordPress ne peuvent ou ne veulent pas se le permettre, tout comme toutes les agences WordPress ne connaissent pas le développement durable. C'est pourquoi j'ai décidé de voir moi-même ce que je pouvais faire pour tirer le meilleur parti de WordPress avec des moyens simples.

Comment sont créés tes sites web ?

C'est la première question que je veux aborder avec toi. Il s'agit de choses auxquelles tu ne penses peut-être pas au premier abord lorsque tu réfléchis à un site Internet. Ce qui est sûr, c'est qu'un site Internet ne s'improvise pas. Il faut le planifier, le concevoir, le programmer et le remplir de contenu. Tout cela demande du travail et consomme des ressources.

Si nous examinons quelques détails ici, il existe un nombre incroyable de possibilités pour rendre ton site Internet plus durable avant même qu'il ne soit lancé. Et le meilleur dans tout ça, c'est que tu peux avoir une influence directe. Il s'agit d'une sorte de bilan :

• Tu es assis dans un bureau géant ou tu travailles dans un petit espace de coworking ?
• As-tu toujours le matériel le plus récent ou achètes-tu par exemple ton ordinateur d'occasion ou reconditionné ?
• Est-ce que tu cuisines toi-même à midi avec des ingrédients achetés localement ou est-ce que tu ne manges que des aliments prêts à l'emploi achetés dans des magasins discount ?
• Utilises-tu de l'électricité produite de manière conventionnelle ou as-tu un tarif d'électricité verte ?

Comme tu peux le voir, une grande partie de ce qui précède se rapporte à ton style de vie général. Mais c'est justement un point important. La façon dont tu gères les choses dans ta vie quotidienne se reflète dans ton hobby ou ton travail.

Maintenant, tu te demandes peut-être : quel est le rapport avec mon site web ? Je pense que c'est beaucoup. En effet, la durabilité ne fonctionne que partiellement en tant que mesure individuelle. Si j'envoie mes colis de manière climatiquement neutre, c'est bien sûr une bonne chose. Ensuite, si je rentre chez moi le soir avec mon gros 4x4, ce n'est pas cohérent, cela relève plutôt de la catégorie "greenwashing".

Concept durable pour ton site WordPress

Si tu choisis WordPress comme système de gestion de contenu (CMS), certaines conditions techniques sont déjà définies. Par exemple, WordPress est basé sur le langage de script PHP, auquel tu ne peux rien changer, même s'il existe peut-être des alternatives plus "légères". En outre, tu as de nombreuses possibilités d'influencer si ton site web est un monstre de données vorace ou un chamois d'informations agile.

La structure de ton site web

La structure de tes projets web est très importante. Tes utilisateurs s'y retrouvent-ils rapidement et arrivent-ils en quelques clics à l'information recherchée ? Ou bien "errent" d'une page à l'autre jusqu'à ce qu'ils arrivent enfin à destination ? Ton objectif devrait être que les utilisateurs trouvent ce qu'ils cherchent en un minimum de clics. Car chaque sous-page supplémentaire chargée est un transfert de données (peut-être inutile) qui, à son tour, coûte de l'énergie.

Une structure propre est d'ailleurs aussi un sujet important pour le SEO : les moteurs de recherche comme Google aiment les pages bien structurées et te récompenseront par un meilleur classement. Tu peux lire l'article sur wp unboxed sur le thème du SEO de WordPress.

plugins de WordPress

Les plugins WordPress sont à la fois une malédiction et une bénédiction. Ce qui est bien, c'est qu'il existe une solution à chaque problème sous la forme d'un plugin. Ainsi, même si tu n'as pas de connaissances en programmation, tu peux concevoir ton site web exactement comme tu le souhaites. Cependant, tu dois être très attentif lors du choix de tes plugins : A chaque fois que tu installes un nouveau plugin, pose-toi la question suivante : ai-je vraiment besoin de cette extension ? Consulte l'article Conseils pour le choix des plugins WordPress.

Chaque plugin supplémentaire peut en effet gonfler inutilement ton site web, chaque fois que ta page est consultée, de plus en plus de données sont chargées. Cela ralentit ton site et n'est pas du tout durable. Réfléchis donc bien aux fonctions et aux effets dont tu as vraiment besoin. Suis strictement la devise : autant de plugins que nécessaire, aussi peu que possible.

Thème WordPress durable

Comme pour les plug-ins, le choix des thèmes WordPress qui déterminent l'apparence de ton site est énorme. Et c'est à toi de décider quel est le thème qui te convient le mieux. Tu veux qu'il soit particulièrement durable ? Dans ce cas, la règle est la même pour ton thème WordPress : autant que nécessaire, aussi peu que possible. 

Choisis un thème qui fait exactement ce dont tu as besoin - et pas plus. Car plus il y a de fonctions intégrées dans un thème, plus le paquet de code est grand. Le développeur WordPress Jack Lenox a poussé les choses à l'extrême et a montré avec son thème WordPress Susty à quel point WordPress peut être léger. Il provoque un transfert de données d'à peine 6 kB. Il existe des thèmes qui pèsent plusieurs Mo, une différence vraiment importante.

Certes, Susty est très réduit - mais peut-être que ce minimalisme est vraiment cool pour certains blogs simples ? Mais si tu veux quelque chose de plus, il existe d'autres recommandations pour des thèmes WordPress particulièrement légers et donc "durables". Par exemple :

• Twenty Twenty-Two, l'un des thèmes standard de WordPress
• GeneratePress
• Neve
• Hello Elementor (pas seulement en combinaison avec Page Builder Elementor)

Comment le design influence-t-il la durabilité ?

Les images, les vidéos et les polices constituent une grande partie de tes pages web. Si tu utilises des images de grand format et de qualité maximale, elles atteindront rapidement plusieurs mégaoctets, ce qui est l'inverse d'une utilisation durable. De même, il est problématique d'utiliser un nombre incalculable de polices de caractères différentes, juste parce que tu trouves cela beau. Moins tu intègres de polices, moins il y a de données à charger sur chaque page consultée.

Un design WordPress "durable" est donc celui qui se contente de peu de polices et de graphiques placés délibérément. De même, lorsque tu intègres des vidéos, tu dois te demander : est-ce que c'est juste "nice to have" ou une réelle valeur ajoutée à cet endroit ? En ce qui concerne les images, il est également très important que tu réfléchisses aux dimensions et au type de compression.

Comme nous l'avons déjà mentionné, réduis la taille - au lieu d'utiliser des photos de haute qualité pour remplir l'écran - et veille à ce que chaque image soit compressée le plus efficacement possible. Tu peux le faire avec un plugin WordPress. Mais il vaut mieux que tu t'en passes (comme décrit au début de cet article). Ce n'est pas si difficile : la plupart des programmes de traitement d'images permettent une compression simple, rapide et automatique de tes fichiers d'images.

Essaie différents réglages. Tu découvriras ainsi jusqu'à quel point tu peux compresser sans que la qualité en pâtisse trop. D'après mon expérience, il y a de quoi faire ! Je procède comme suit :

• Je limite toujours la largeur de l'image avec Photoshop à 2000 pixels. C'est plus que suffisant, même pour les grands écrans.
• Ensuite, je vais sur "Enregistrer pour le web" et je sélectionne "faible" pour la qualité. Le résultat est tout à fait correct et mes images sont en général bien plus petites que 300 kilo-octets.
• J'utilise ensuite la version navigateur de tinyPNG pour extraire les derniers octets de mes fichiers. Cet outil compresse très efficacement et t'évite également d'utiliser un plugin supplémentaire.

Si la dernière étape est trop stressante pour toi, tu peux aussi intégrer tinyPNG comme plugin WordPress. Des images optimisées de cette manière sont déjà une bonne base.

Ensuite, tu devrais jeter un coup d'œil à tes "vignettes". Dès que tu télécharges une image dans WordPress, différentes tailles sont enregistrées, les "vignettes". Certaines sont standard sur WordPress, d'autres sont définies par ton thème. Et souvent, tu n'en as pas besoin de toutes. Par exemple, il est possible que ton thème stocke des vignettes pour une boutique WooCommerce que tu n'utiliseras jamais si tu ne gères pas de boutique.

Ce serait donc une très bonne idée si WordPress ne créait que les vignettes dont tu as besoin, n'est-ce pas ? L'idéal serait bien sûr d'avoir un thème adapté à tes besoins. Mais tu peux aussi influencer toi-même les vignettes que WordPress enregistre. Consulte les instructions sur les fichiers d'images et les vignettes sur wp unboxed.

Garder l'ordre

Si tu installes un nouveau site WordPress, je te conseille de mettre de l'ordre dès le début. Si tu installes des plugins sans réfléchir et que tu télécharges des images au hasard, cela finira par être le chaos. De nombreux plugins stockent des données sans fin dans ta base de données WordPress, mais ne les suppriment pas lorsque tu supprimes le plugin. Plus ton système WordPress est ordonné et léger, plus il fonctionne rapidement et plus il est durable. Même si c'est parfois difficile : sois toujours ordonné et nettoie régulièrement ton système.

Et si le chaos est déjà là ?

Au début, je n'ai pas tenu compte de ce conseil. Au bout d'un moment, une quantité de données s'est accumulée (apparemment "comme ça") à partir d'images inutilisées, de vieilles sauvegardes et de plugins de galerie qui n'étaient plus utilisés depuis longtemps. Rien n'y a fait : j'ai dû me ressaisir et mettre de l'ordre pendant des jours. Au final, j'ai pu supprimer plusieurs gigaoctets de données de mon espace web !

Peut-être que ton site WordPress s'est également développé pendant des années, en même temps que ton expérience et tes compétences. Et peut-être que tu en es maintenant au point où tu réalises que ton projet est en train de sombrer dans le chaos. Alors qu'est-ce que tu attends ? Un grand nettoyage s'impose. C'est une bonne chose en termes de durabilité, mais aussi en termes de SEO. Google aime les sites propres, rangés et rapides !
Un outil pratique pour faire le ménage est WP Optimize. S'il ne s'agit que de nettoyer la base de données, je trouve que WP DB Cleaner est également très utile.

WordPress Page Builder et durabilité

Les Page Builders WordPress(voici un aperçu) sont pratiques et permettent d'obtenir rapidement et efficacement de beaux résultats. Cependant, ils sont également connus pour gonfler le code de tes pages Web et pour prolonger les temps de chargement. Cependant, tu peux faire quelques choses pour réduire cet effet et utiliser ton constructeur de pages de la manière la plus durable possible :

• Limite-toi aux fonctions intégrées et évite d'utiliser des plugins de conception supplémentaires pour ton constructeur de pages.
• Si tu utilises tout de même des plugins supplémentaires, assure-toi de pouvoir désactiver complètement toutes les fonctions que tu n'utilises pas vraiment.
• Veille à une structure de page simple. Crée donc le moins possible de blocs et de colonnes imbriquées. Les constructeurs de pages utilisent un "conteneur" pour chacun de ces éléments, et cela devient vite beaucoup trop. Googles PageSpeed Insights Le DOM est alors considéré comme "trop volumineux". Cette vidéo YouTube explique bien comment tu peux réduire cette surcharge. 
• Pour les entrées de blog individuelles, il est préférable de ne pas utiliser Page Builder du tout, mais plutôt l'éditeur intégré Gutenberg .

SEO et durabilité

En principe, presque tout ce qui est bon pour le SEO (c'est-à-dire pour l'optimisation des moteurs de recherche de tes pages web) est également gagnant en termes de durabilité. La plupart du temps, il s'agit de structures propres et de pages rapides avec un faible transfert de données. Et parce que c'est si important, tu trouveras une multitude de bons guides et d'outils utiles pour optimiser ton site pour les moteurs de recherche.

J'aimerais donc énumérer brièvement ici ce que tu peux faire en plus et quels outils ou guides t'aideront à le faire :

• Supprime tout autre poids inutile (polices superflues, services externes éventuellement inutilisés ou dont on peut se passer de toute façon, comme Google Analytics ou Google Maps, scripts intégrés inutiles). 
• Rassemble le code source et simplifie-le en le comprimant, voir le guide Réduire HTML, CSS et JavaScript.
• Désactive les éléments inutiles comme les emojis, une fonction de commentaire inutilisée, les avatars, etc. Le plugin Asset CleanUp s'en charge en quelques clics de souris (il faut absolument faire une sauvegarde avant).
• Mais Asset CleanUp remplit une fonction encore plus pratique : il te permet de définir exactement pour chaque page quel code supplémentaire doit être chargé et lequel ne doit pas l'être. Si tu as une boutiqueWooCommerce , WordPress charge le code nécessaire sur chaque page, même sur les pages de ton blog sans fonction de boutique. Avec Asset CleanUp, tu peux exclure tout le code qui n'est pas absolument nécessaire pour chaque page. 

Les plugins SEO comme Yoast ou Rank Math te donnent de nombreux conseils en matière d'optimisation on-page. Ils détectent donc les erreurs techniques (comme les images manquantes, les liens cassés, etc.) et t'aident à les réparer. Et un site web propre et sans erreur n'est pas seulement une affaire durable en termes de SEO.

Hébergement durable de WordPress

Une fois que tu as mis ton projet WordPress au point, il y a un troisième point important en matière de WordPress et de durabilité : ton hébergeur. C'est l'endroit où les serveurs fonctionnent dès que les utilisateurs arrivent sur ton site. Chaque fois que cela se produit, des données sont échangées. Et cela coûte de l'énergie.

Cela vaut donc la peine d'y regarder de plus près. La question la plus évidente est bien sûr : d'où vient l'électricité utilisée par ton hébergeur ? Si l'énergie provient de sources propres comme l'énergie hydraulique, éolienne ou solaire, c'est déjà un grand plus.

Mais ce n'est pas tout, loin de là. Les fournisseurs d'hébergement ont besoin de beaucoup de ressources dans des domaines comme :

• Infrastructure technique
• Matériel et équipement de bureau
• Marketing
• notre alimentation
• Nettoyage
• Mobilité et voyages

Comme pour ton propre style de vie, la philosophie d'entreprise de ton fournisseur d'hébergement WordPress est un élément important pour plus de développement durable. Si la cantine sert des plats régionaux, si les voyages d'affaires sont effectués en train ou si le bureau utilise du mobilier de seconde-main, toutes ces petites mesures rendent également tes projets WordPress un peu plus durables. Veille donc à ce que ton fournisseur d'hébergement soit vraiment sérieux et qu'il ne se contente pas de donner l'impression d'être écologique, mais qu'il agisse idéalement de manière écoresponsable.

Il y a bien sûr un autre aspect important : la performance ou les conditions techniques de ton package d'hébergement. Plus ton site web fonctionne bien, plus il est rapide et plus il est durable. Il est donc judicieux de choisir un package d'hébergement spécialement adapté à WordPress. Fais attention à ce qui suit :

• Les données doivent être stockées sur des disques durs SSD modernes et rapides (et économiques), de préférence dans un centre de données de ton pays. Du moins, si les normes de durabilité y sont élevées.
• Une limite de mémoire élevée devrait également être incluse, de préférence 256 Mo.
• Les fonctions standard importantes doivent être intégrées au serveur (par exemple la mise en cache, les sauvegardes, un environnement de staging ou les redirections). En général, c'est non seulement plus efficace, mais cela te permet aussi d'économiser toute une série de plugins, ce qui rend ton site automatiquement plus rapide et plus durable. Voir l'e-book Gérer 5 à 100+ projets WordPress, il est également disponible sous forme d'article de blog.
• Une version actuelle de PHP, un certificat SSL gratuit et HTTP/2 devraient être des standards.

Est-ce qu'un site web durable en vaut la peine ?

Peut-être te dis-tu maintenant : Wow, beaucoup de travail m'attend ! Je dois admettre : Tu peux en effet passer beaucoup de temps sur ce sujet. Mais j'ai vite compris que cela en valait la peine. Car la plupart des mesures en matière de durabilité ont en même temps un effet positif sur tes temps de chargement et sur l'optimisation des moteurs de recherche.

Pour tester la durabilité de tes sites web, tu peux utiliser le service de websitecarbon.com, qui fournit des informations passionnantes et claires sur l'empreinte carbone de ton site WordPress. Les résultats des tests de vitesse des sites web comme GTMetrix ou Google sont également très instructifs. PageSpeed Insights. Tu obtiens non seulement une évaluation de ton site Web, mais aussi de nombreux conseils sur ce que tu peux faire pour être encore plus performant.

Si ton site web se charge rapidement, tes visiteurs en seront ravis. Et cela peut signifier de l'argent pour toi : En effet, beaucoup d'entre eux abandonnent lorsqu'un site web se charge pendant plus de trois secondes. Si tu gères une boutique, cela signifie une perte immédiate de revenus. Mais tu fais aussi le bonheur de Google avec un site web rapide - plus ton site web se charge rapidement, mieux Google le classe dans son classement. Cela signifie que toi et ton entreprise seront mieux trouvés.

J'aime vraiment voir où je peux tirer le meilleur parti de mes projets WordPress. Le succès immédiat joue un rôle important : de nombreux changements sont directement mesurables via différents tests de vitesse de site web.

Images dans l'article : Martin Donat, Peter Beukema