WordPress éco-friendly

Comment rendre ton site WordPress plus durable ?

Internet est l'un des plus grands consommateurs d'énergie de notre époque. Les nombreux sites web qui nous divertissent, nous informent ou sur lesquels nous faisons des achats en font partie. 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 suivante : comment rendre les sites web plus durables avec WordPress ?

Tout le monde le connaît et l'utilise : Internet. Entre-temps, la moitié de l'humanité est en ligne et consomme assidûment des données. Tu te dis peut-être : "C'est super, car cela nous évite la production coûteuse de livres, de catalogues ou de DVD. De 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, avec une forte tendance à la hausse.

Énergie éolienne Hébergement WordPress
D'où vient l'électricité pour ton hébergement WordPress ?

Cette comparaison m'a fait beaucoup réfléchir. L'un des problèmes de cette affaire est sans aucun doute que l'on ne voit pas tout de suite 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. En revanche, un ordinateur ou un smartphone sont silencieux, sans bruit et prétendument propres. Mais malheureusement trop rarement vraiment verts. Et avec l'utilisation toujours croissante de clouds, de streaming vidéo et de sites web toujours plus élaborés, la "consommation" de technologies numériques ne cesse de croître silencieusement. 

À 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. Chacun d'entre nous - moi y compris - peut donc 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 nous pouvons utiliser 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, car je ne suis pas un développeur. J'utilise même un constructeur de pages WordPress, comme beaucoup le font, peut-être toi aussi ?

Je pourrais bien sûr faire appel à une agence pour me créer un site Internet WordPress sur mesure. Dans l'idéal, celui-ci serait pensé dans les moindres détails et ne serait pas trop grand 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 tes pages web sont-elles créées ?

C'est la première question que je souhaite aborder avec toi. Il s'agit ici de choses que tu n'as peut-être pas envisagées au premier abord lorsque tu penses à un site Internet. Mais il est clair qu'un site Internet n'est pas simplement là. Elle doit être planifiée, conçue, programmée et remplie de contenus. 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 son lancement. Et le meilleur dans tout cela : tu peux toi-même exercer une influence directe. Il s'agit en quelque sorte de faire le point :

  • Es-tu assis dans un immense bureau ou travailles-tu dans un petit espace de coworking ?
  • Est-ce que tu as 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 à consommer 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 constater, 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. En effet, la manière dont tu abordes les choses dans ta vie quotidienne se répercute également sur tes loisirs ou ton travail.

Maintenant, tu te demandes peut-être : quel est le rapport avec mon site web ? Je pense qu'il y a beaucoup de choses. En effet, la durabilité ne fonctionne que de manière limitée en tant que mesure isolée. Si j'envoie mes colis sans impact sur le climat, 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".

Marketing vert

Dans quelle mesure travailles-tu vraiment "vert" en tant qu'agence ou freelance ? Est-ce que cela ne fait qu'augmenter le travail ou est-ce que cela en vaut la peine pour toi ? Et tes mesures vont-elles au-delà de l'autosatisfaction ou de l'apaisement des clients ? Lis à ce sujet notre article sur le marketing vert.

Concept durable pour ton site WordPress

Si tu choisis WordPress comme système de gestion de contenu (CMS), certaines données techniques sont bien sûr déjà définies. Par exemple, WordPress est basé sur le langage de script PHP, auquel tu ne peux tout simplement 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'orientent-ils rapidement et arrivent-ils en quelques clics à l'information recherchée ? Ou "errent-ils" d'une page à l'autre avant d'arriver 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 (éventuellement inutile) qui coûte à son tour de l'énergie.

Une structure propre est d'ailleurs aussi un thème 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 au sujet 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 sans 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 plug-ins : Chaque fois que tu installes un nouveau plugin, pose-toi la question suivante : ai-je vraiment besoin de cette extension ? Voir l'article Conseils pour le choix des plugins WordPress.

Chaque plug-in 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. Agis strictement selon la devise : autant de plugins que nécessaire, aussi peu que possible.

Développer des plugins WordPress de manière durable

Danny van Kooten développe le célèbre plugin WordPress Mailchimp pour WordPress. Grâce à un développement allégé, il a économisé, selon les estimations, 59.000 kg de CO2, et ce par mois. Comment y est-il parvenu ? Lis notre interview sur le développement durable des plug-ins avec lui.

Thème WordPress durable

Comme pour les plug-ins, le choix des thèmes WordPress qui déterminent l'apparence de ton site web 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 suivante s'applique également à ton thème WordPress : autant que nécessaire, aussi peu que possible. 

Opte pour un thème qui peut faire exactement ce dont tu as besoin - et pas plus. Car plus il y a de fonctionnalités intégrées dans un thème, plus le paquet de code est important. Le développeur WordPress Jack Lenox a poussé la chose à 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 y a des thèmes qui pèsent plusieurs Mo, ce qui est vraiment très différent.

Thème WordPress Susty
Réduit et durable : le thème WordPress Susty WP

Certes, Susty est déjà très réduit - mais peut-être que ce minimalisme est vraiment cool pour certains blogs simples ? Si vous souhaitez aller plus loin, il existe d'autres recommandations pour des thèmes WordPress particulièrement épurés et donc "durables". Par exemple :

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 atteignent rapidement plusieurs mégaoctets - ce qui est le contraire d'un site durable. De même, il est problématique d'utiliser d'innombrables polices de caractères différentes simplement 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 de caractères et de graphiques délibérément placés. Tu devrais également te demander si l'intégration de vidéos à cet endroit est simplement "nice to have" ou si elle représente une réelle valeur ajoutée. Pour les images, il est en outre très important que tu réfléchisses aux dimensions et au type de compression.

Comprimer et optimiser les images

Il existe de nombreuses possibilités de minimiser le flux de données grâce à des images optimisées - sans compter qu'en général, il ne faut intégrer que la quantité d'images nécessaire par page. Voir nos guides sur les plugins de compression d'images, sur la taille des images WordPress et sur le référencement des images pour WordPress.

Comme nous l'avons déjà mentionné : réduis la taille - au lieu d'intégrer des photos de haute qualité qui remplissent l'écran - et veille en outre à comprimer chaque image le plus efficacement possible. Tu peux faire appel à un plugin WordPress pour cela. 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 automatisée de tes fichiers images.

Photoshop Réduire la taille de l'image
Optimiser la taille des images ou des fichiers avec Photoshop

Essaie différents réglages. Tu découvriras ainsi jusqu'à quel point tu peux comprimer sans que la qualité en pâtisse trop. D'après mon expérience, c'est possible ! Je procède de la manière suivante :

  • Je limite toujours la largeur de l'image avec Photoshop à 2.000 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.
  • Je fais ensuite extraire les derniers octets de mes fichiers avec la version navigateur de tinyPNG. Cet outil compresse très efficacement et t'évite également d'avoir à installer un plug-in supplémentaire.

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

Ensuite, tu dois 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 dans 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 , mais que tu ne les utilises jamais si tu n'as pas de boutique.

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

Maintenir l'ordre

Lorsque tu installes un nouveau site WordPress, je te conseille de mettre de l'ordre dès le début. En effet, 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 enregistrent des données sans fin dans ta base de données WordPress, sans pour autant les supprimer 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 systématiquement ordonné et nettoie régulièrement ton système.

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

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

Peut-être que ton site WordPress s'est également développé depuis 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 constates 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 référencement. Car Google aime les sites propres, bien rangés et rapides !
Un outil pratique pour le nettoyage 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(dont voici un aperçu) sont pratiques et permettent d'obtenir rapidement et efficacement des résultats appréciables. Cependant, ils sont également connus pour gonfler le code de tes pages web et allonger les temps de chargement. Néanmoins, tu peux faire quelques choses pour réduire cet effet et ainsi utiliser ton constructeur de pages de la manière la plus durable possible :

  • Limite-toi aux fonctions intégrées et renonce aux plugins de conception supplémentaires pour ton Page Builder.
  • Si tu utilises tout de même des plugins supplémentaires, veille à 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, ce qui devient très vite beaucoup trop. Le site de Google PageSpeed Insights critique cela comme une "taille excessive du DOM". Cette vidéo YouTube explique bien comment réduire cette surcharge. 
  • Pour les entrées de blog individuelles, il est préférable de renoncer complètement au Page Builder et d'utiliser l'éditeur Gutenberg intégré.

SEO et durabilité

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

Je me contenterai donc ici d'énumérer brièvement ce que tu peux faire en plus et quels outils ou instructions 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). 
  • Regroupe 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 non utilisée, les avatars, etc. Le plugin Asset CleanUp s'en charge en quelques clics de souris (il faut absolument faire une sauvegarde avant).
  • Asset CleanUp remplit cependant une fonction encore plus pratique : il te permet de définir exactement pour chaque page quel code supplémentaire doit être chargé ou non. Si tu exploites une boutiqueWooCommerce , WordPress charge le code nécessaire sur chaque page - donc également sur les pages de ton blog sans aucune fonction de boutique. Avec Asset CleanUp, tu peux exclure pour chaque page tout le code qui n'est pas absolument nécessaire. 

Les plugins SEO comme Yoast ou Rank Math te donnent de nombreux conseils en matière d'optimisation on-page. Ils révèlent donc les erreurs techniques (comme par exemple les images manquantes, les liens défectueux, 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

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

Il 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 ? S'il s'approvisionne en énergie auprès de sources propres telles que l'énergie hydraulique, éolienne ou solaire, c'est déjà un grand plus.

Hébergement écologique WordPress

Chez Raidboxes, nous ne voulons pas seulement proposer un hébergement WordPress climatiquement neutre, mais également positif pour le climat. En compensant la consommation de CO2 générée par l'hébergement de tes sites web. Tu trouveras plus d'informations sur nos mesures concrètes dans l'article Green Hosting for WordPress : How sustainable webhosting can be ?

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

  • 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 également un élément important pour plus de durabilité. Si la cantine sert des plats régionaux, si les voyages d'affaires sont effectués en train ou si du mobilier de bureau usagé est utilisé, 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 ne se contente pas de donner une apparence verte, mais agisse idéalement de manière positive pour le climat.

Il y a bien sûr un autre aspect important : la performance ou les conditions techniques de ton package d'hébergement. En effet, plus ton site web fonctionne "rond", plus il est rapide et plus il est durable. Il est donc judicieux de choisir un package d'hébergement spécialement adapté à WordPress. Veille aux points suivants :

  • Les données doivent être stockées sur des disques durs SSD modernes, 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 suffisamment élevées.
  • Une limite de mémoire élevée devrait également être incluse, de préférence 256 Mo.
  • Les fonctions standard importantes devraient être intégrées côté serveur (par exemple la mise en cache, les sauvegardes, un environnement de staging ou les redirections). En règle générale, cela est non seulement plus efficace, mais te permet également d'économiser toute une série de plug-ins, ce qui rend automatiquement ton site 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.

Un site web durable est-il rentable ?

Peut-être te dis-tu maintenant : Ouah, j'ai beaucoup de travail à faire ! Je dois l'admettre : On peut en effet consacrer beaucoup de temps à ce sujet. Mais j'ai vite compris que cela en valait la peine. En effet, la plupart des mesures prises 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 ton site web, tu peux utiliser le service de websitecarbon.com, qui fournit des informations intéressantes et claires sur l'empreinte carbone de ton site WordPress. Les résultats des tests de vitesse des sites web comme GTMetrix ou Google's sont également très instructifs. PageSpeed Insights. Tu y obtiendras 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 s'en réjouissent également. Et cela peut signifier de l'argent pour toi : En effet, nombreux sont ceux qui abandonnent un site web qui 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 il le classe dans son classement. Cela signifie que toi et ton entreprise serez mieux trouvés.

Entre-temps, j'ai pris beaucoup de plaisir à voir où je pouvais tirer encore plus 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.

Tes questions sur le thème du WordPress durable

Quelles questions as-tu à poser à Martin ou sur le thème de l'hébergement Green WordPress ? N'hésite pas à utiliser la fonction de commentaire. Tu veux être informé(e) des nouveaux articles sur le thème de WordPress et de la durabilité ? Alors suis-nous sur Twitter, Facebook, LinkedIn ou via notre newsletter.

Images dans l'article : Martin Donat, Peter Beukema

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.