WordPress est la solution open source la plus utilisée pour construire un site internet. C’est un CMS (système de gestion de contenu) relativement facile à prendre en main, flexible, évolutif et gratuit. Nombre de blogueurs et d’entrepreneurs créent et gèrent donc eux-mêmes leur site avec WordPress. Vous en faites partie ? Bravo ! Mais, il y a un mais.
Comment créer un site WordPress écoresponsable ? En effet, un site WordPress peut vite devenir une usine à gaz… à effet de serre. WordPress permet de faire un site internet complet sans écrire une ligne de code. Mais le revers de la médaille, c’est qu’il est très facile de surcharger son site avec des éléments qui alourdissent les pages et consomment de l’énergie inutilement. Voici quelques conseils pour éviter de tomber dans cet écueil.
Site internet écoresponsable : de quoi parle-t-on ?
Comme tout service numérique, un site internet a une empreinte environnementale. Son fonctionnement et son utilisation consomment de l’énergie et de l’eau, et produisent des polluants. Un site écoresponsable est un site dont la conception et la gestion visent à minimiser son impact environnemental.
L’écoconception d’un site internet doit considérer chaque étape du cycle de vie d’un site. Des spécifications fonctionnelles à la maintenance, en passant par le graphisme, l’expérience utilisateurs et le développement, tout doit être minutieusement dosé.
8 conseils pour concevoir un site WordPress écoresponsable
Contenus surchargés, effets visuels inutiles, médias et code non optimisés, sont autant d’erreurs de conception qui rendent votre site lourd et gourmand en énergie. Il suffit pourtant de respecter certaines bonnes pratiques pour concevoir et maintenir un site WordPress performant et écoresponsable. Voici les principales.
Éliminer le superflu : la base de l’écoconception
Qu’il s’agisse d’une création de site ou d’une refonte, optez pour la sobriété. Design, contenus, expérience utilisateur, à chaque phase de votre projet, posez-vous les questions suivantes :
- Est-ce utile pour mes visiteurs ?
- Est-ce indispensable pour l’image de mon entreprise ?
- Y a-t-il un moyen plus simple de véhiculer ce message ou de répondre à telle attente de l’internaute ?
Allez toujours au plus simple, avec des messages clairs et concis. Limitez les animations. Ce conseil ne s’applique pas uniquement aux sites WordPress bien évidemment.
Choisir un hébergement vert
Le choix de l’hébergement pour votre site WordPress est aussi un paramètre important. Les hébergeurs de site WordPress sont de plus en plus nombreux à rendre leurs infrastructures plus vertes. Mais il est parfois difficile de savoir ce qui se cache derrière leurs allégations d’hébergeurs verts.
Différents moyens sont en effet mis en place par les hébergeurs : compensation carbone, alimentation des datacenters avec des énergies renouvelables, efficience énergétique des datacenters, durabilité et recyclage des matériaux, respect des normes. Il est bon d’étudier la politique d’un hébergeur sur ces aspects pour choisir en toute connaissance de cause.
Vous pouvez aussi tester votre site avec l’outil de la Green Web Foundation pour connaître la source d’énergie utilisée par votre hébergeur. Vous obtiendrez un badge comme celui ci-dessous si votre hébergeur est vert !
Limiter le nombre d’extensions (plugins) WordPress
Les extensions WordPress sont des modules supplémentaires qui ajoutent des fonctionnalités à votre site web. Il y en a des milliers, c’est ce qui fait la force de WordPress. Mais chaque ajout d’extension ajoute du code. Il est donc important de bien choisir les extensions indispensables aux besoins de votre site.
Les fonctionnalités indispensables qui nécessitent l’ajout d’un plugin sont :
- la sécurité (protection contre les robots malveillants et autres attaques) ;
- la mise en cache (réduction de la quantité de données envoyées aux visiteurs pour minimiser la consommation de bande passante et améliorer la performance) ;
- l’optimisation des images (compression des images pour minimiser leur poids) ;
- la sauvegarde (indispensable car souvent non incluse dans l’hébergement) ;
- le référencement (gérer la visibilité du site sur les moteurs de recherche) ;
- le consentement pour les cookies (pour être en règle avec le RGPD).
Le reste dépend de vos besoins spécifiques (formulaire, optin, etc.). Pour chacune de ces fonctionnalités, vous aurez le choix entre de nombreux plugins. Un casse-tête quand on débute avec WordPress… Ma sélection d’extensions gratuites ou freemium pourra vous aider à choisir.
Opter pour un thème WordPress léger
C’est le thème WordPress qui gère l’apparence de votre site. Il existe là aussi un choix infini de thèmes. Certains proposent des modèles très sophistiqués de design. Ces thèmes sont souvent lourds en code et nécessitent d’activer de nombreux plugins. Les fonctionnalités incluses restent souvent inutilisées. Fuyez ces thèmes et optez pour des thèmes au code léger et optimisé.
Si vous avez des besoins de fonctions de personnalisation avancées, certains thèmes comme Divi (celui que j’utilise) offrent un bon compromis entre optimisation du code et gestion avancée du design. L’offre bouge très vite dans ce domaine. Pour choisir un thème bien optimisé, consultez des articles de blog récents sur le sujet. Puis, étudiez les caractéristiques de chaque thème pour déterminer celui qui répond le mieux aux besoins de votre projet.
Penser ergonomie mobile
Depuis quelques années, nous sommes entrés dans l’ère du mobile-first. C’est-à-dire que les moteurs de recherche voient votre site « à travers les yeux » d’un écran de mobile. Le design de votre site et ses contenus doivent donc s’adapter aux différentes tailles d’écran pour ne pas pénaliser la visibilité du site sur les moteurs de recherche.
L’approche “Mobile first” consiste à concevoir un site pour les appareils mobiles en priorité. Même si vos visiteurs sont majoritairement des utilisateurs de desktop, concevoir votre site pour mobile a l’avantage de forcer à la sobriété. Mieux vaut en effet éviter les vidéos et images trop lourdes pour un chargement sur mobile, ou les textes trop denses pour une lecture sur petit écran.
Limiter et optimiser les vidéos
La vidéo est un format populaire car elle capte l’attention. Une vidéo est parfois indispensable pour expliquer plus facilement certains concepts. Mais les vidéos sont un fléau pour l’environnement car leur lecture consomme beaucoup de bande passante (plus de 80% de l’usage d’internet) et vide les batteries des portables.
Si une vidéo est indispensable pour votre site, appliquez ces recommandations :
- réduire au maximum sa durée ;
- réduire la résolution de la vidéo et utilisez une résolution pour la version mobile et une autre pour desktop ;
- compresser le fichier de la vidéo pour en réduire sa taille ;
- ne pas activer la lecture automatique (l’internaute doit cliquer pour lire la vidéo) ;
- ne pas utiliser une vidéo en fond de bannière.
Réduire la taille des images
Les images sont essentielles dans la conception d’un site internet. Mais elles sont souvent la principale cause d’une consommation excessive de bande passante. C’est pourquoi il est important de les optimiser.
Optimiser une image pour WordPress est très simple :
- réduire la taille de l’image avant de l’importer dans WordPress (< 2000 pixels de large) ;
- compresser l’image importée avec un plugin d’optimisation (Imagify par exemple) ;
- utiliser la méthode « lazy-loading », qui a pour principe de ne charger les images que lorsqu’elles sont visibles à l’écran.
Penser aussi minimalisme pour les formulaires et les documents à télécharger
Les formulaires sont souvent gérés grâce à un plugin dans WordPress. Pour un formulaire de contact basique, choisissez un plugin simple et léger. Vis-à-vis des informations demandées, ne récoltez que les informations strictement nécessaires. Cela minimise le transfert de données et les volumes de stockage des données récoltées.
Si vous proposez des documents à télécharger, ces documents doivent être aussi conçus avec sobriété, et leur format optimisé et compressé.
Comment calculer l’impact environnemental de votre site internet ?
Vous avez suivi les bonnes pratiques d’un site éco-conçu ? Vous pouvez alors tester votre site avec différents outils pour voir le résultat de vos efforts, et éventuellement améliorer encore certains aspects. Voici trois exemples d’outils.
Website Carbon Calculator
En allant sur le site https://www.websitecarbon.com/, vous pourrez calculer les émissions carbone que génèrent les différentes pages de votre site. Cet outil, développé par une compagnie anglaise, se base sur 5 métriques pour faire son calcul : le volume de données lors du chargement de la page, l’intensité énergétique des données, la source d’énergie utilisée par le centre de données, l’intensité carbone de l’électricité et le trafic du site Web.
Ecoindex
Un autre outil est proposé sur le site https://www.ecoindex.fr/. Initié par GreenIT, cet outil est devenu un projet collectif ouvert à tous. Il donne un classement de la page d’un site par rapport à toutes les URLs testées. Les critères pris en compte sont le poids de la page testée, sa complexité et le nombre de requêtes générées au niveau serveur.
Ecograder
Cet autre outil, https://ecograder.com/, fournit aussi un score global et une estimation des émissions de CO2 produites à chaque fois qu’un internaute visite la page testée. Son avantage est de présenter des résultats plus détaillés sur les points à améliorer. Il peut ainsi être utilisé pour faire un audit de performance de vos pages.
Ces trois outils utilisent de nombreuses approximations. Les résultats absolus obtenus sont donc à prendre avec précaution. Les estimations d’émissions de CO2 varient d’un outil à l’autre. Mais ces outils permettent de situer votre site par rapport à d’autres sites similaires (gardez à l’esprit qu’il faut comparer ce qui est comparable). Ils sont certainement utiles pour mesurer vos efforts pour améliorer votre site.
En conclusion
La conception d’un site web écoresponsable est une démarche essentielle pour réduire l’impact environnemental du numérique. En suivant les conseils de cet article, vous pouvez créer un site web qui soit à la fois performant, respectueux de l’environnement et bénéfique pour votre image de marque.