Développement Web durable avec Joomla - Partie 1

Le paysage numérique évolue rapidement et la durabilité n’est plus seulement un mot à la mode, c’est une nécessité. Alors que les entreprises et les développeurs s'efforcent de réduire leur empreinte environnementale, le développement Web durable est devenu un objectif essentiel.

Joomla offre des opportunités uniques de créer des sites Web qui sont non seulement efficaces et conviviaux, mais aussi respectueux de l'environnement. Philip Walton a écrit un excellent article intitulé:Les sites verts aident à garder vos pieds au secdans le numéro d’avril 2024 de JCM, où il a énuméré certains principes clés de durabilité non seulement pour la création de sites web écologiques, mais aussi pour le fonctionnement durable d’Open Source Matters et de la communauté Joomla en général. Dans cet article, nous approfondirons et développerons les aspects techniques du développement de sites Web durables combinés aux avantages comparatifs de Joomla qui contribuent de manière décisive au développement d'un site Web durable.

Comprendre le développement Web durable

Le développement Web durable consiste à créer des sites Web qui minimisent la consommation d'énergie, optimisent l'utilisation des ressources et assurent la longévité. Cela implique un codage efficace, des conceptions rationalisées et des solutions d'hébergement qui donnent la priorité aux énergies renouvelables. L'objectif est de réduire l'empreinte carbone des services numériques tout en maintenant des performances et une accessibilité élevées.

Au départ, lorsque nous parlons de l'efficacité énergétique des sites Web, il est clair que nous faisons largement référence aux étapes techniques du développement de sites Web. Cependant, l'efficacité peut être améliorée avant même que nous commencions à mettre en œuvre un site Web. Dans le même temps, la conception et le contenu ont un impact important sur l'efficacité énergétique. Par conséquent, les pratiques suivantes sont des éléments clés que l'on devrait considérer avant, pendant et après la construction d'un site Web.

Avant de créer un site web: Sélection d'hébergement Web

L'un des premiers problèmes pratiques qui se posent au cours de la phase de conception d'un site Web est de choisir l'environnement d'hébergement Web approprié. Les sites Web consomment beaucoup d'énergie en raison de la nécessité d'un fonctionnement ininterrompu du serveur et de la transmission de données vers et depuis le centre de données. La sélection minutieuse de l’entreprise qui hébergera le site web peut donc avoir une incidence significative sur l’efficacité énergétique et la vitesse du site web. Voici quelques conseils pratiques:

• Utilisez un centre de données proche de vos utilisateurs. Une grande partie de l'énergie consommée par Internet est utilisée pour la transmission de données via les réseaux de télécommunications. Il va de soi que plus les informations doivent voyager, plus elles nécessitent d’énergie. Par conséquent, le choix d'un centre de données près de votre public cible aidera à réduire la consommation d'énergie. Par exemple, vous pouvez trouver un forfait d'hébergement Web économique d'une entreprise ayant des centres de données aux États-Unis, mais si vos visiteurs cibles sont en Grèce, l'énergie sera gaspillée en transmettant des données de l'autre côté de l'Atlantique.
  En outre, cette longue distance peut également entraîner des retards dans les temps de chargement des pages - soit dit en passant, un facteur de classement pour les moteurs de recherche. Par conséquent, le choix d'un centre de données près de votre groupe cible principal est bénéfique à la fois pour l'expérience des visiteurs et pour la planète.
• Utilisez un centre de données avec une note PUE décente. PUE signifie Power Usage Effectiveness et est la mesure standard de l'efficacité énergétique pour les centres de données. Il représente le pourcentage de puissance de calcul fournie avec de l'énergie par rapport à d'autres systèmes tels que le refroidissement et l'éclairage. Au départ, vous pouvez vous concentrer sur un hébergeur Web qui, à tout le moins, a la capacité de mesurer des mesures de base concernant son efficacité énergétique. Idéalement, vous voulez qu'ils soient transparents sur leur PUE et, mieux encore, qu'ils aient une note faible. Le score PUE parfait est de 1,0, mais la moyenne mondiale a été «coincée» à 1,56 ces dernières années (source: Enquête 2024 sur les centres de données mondiaux du Uptime Institute). Il convient également de noter que le PUE n’est qu’une mesure simple, car de nombreux autres facteurs l’influencent, tels que le climat de l’emplacement physique où le centre de données est situé, mais il fournit toujours une mesure indicative de l’efficacité.

Dans tous les cas, le choix d'un hébergeur Web vert doit répondre à des critères substantiels et mesurables. Certaines entreprises ont des politiques de durabilité concernant l'utilisation de l'énergie verte pour leurs centres de données. Bien entendu, la question de l’utilisation de l’énergie verte est encore plus spécialisée et pourrait justifier un article entier en soi, étant donné que tous les engagements n’ont pas le même poids (par exemple, il existe une différence entre l’utilisation de votre propre infrastructure d’énergie renouvelable et l’achat d’électricité à partir de sources renouvelables dans le réseau). Dan Atrill a écrit un article très intéressant dans le numéro de décembre 2024 de JCM, intitulé «L'empreinte carbone des sites Web ou à quel point ma page d'accueil est-elle verte?", où il décrit la responsabilité des sociétés d'hébergement Web pour l'empreinte énergétique de l'Internet, ainsi que notre propre responsabilité en tant que développeurs et consommateurs de ces services. En fin de compte, une société d’hébergement responsable devrait avoir des engagements tangibles et mesurables en ce qui concerne son empreinte carbone, et non des déclarations vagues telles que «nous protégeons l’environnement».

Pendant la mise en œuvre

Vous ne lirez probablement rien ici que vous ne sachiez pas déjà si vous êtes un développeur Web, car il s'agit d'une série de bonnes pratiques qui régissent l'industrie du développement Web depuis des années.

Commençons par le plus évident:

Écrivez un code propre et simple. Par exemple, en évitant la répétition inutile du code ou en écrivant des requêtes efficaces, non seulement vous rendez votre site Web plus rapide et plus efficace, mais il peut évidemment être maintenu plus facilement. Bien sûr, cela ne s’applique pas seulement au code que vous écrivez, mais aussi au code que vous «empruntez». Si, par exemple, vous utilisez des frameworks et des bibliothèques existants, vous devez les adapter à vos besoins afin de n'utiliser que les pièces qui fournissent les fonctionnalités dont vous avez besoin. Charger une bibliothèque entière pour utiliser par exemple une icône est comme tirer sur des moineaux avec un canon. Ce principe se combine à merveille avec Joomla. Contrairement à d'autres CMS qui vous obligent souvent à installer une extension tierce, même pour la fonction la plus simple, Joomla fournit déjà la plupart des fonctionnalités dont vous aurez probablement besoin pour votre site Web. De cette façon, vous améliorez également la sécurité de votre site Web (car vous dépendez moins d'extensions tierces), le rendez plus rapide, plus fonctionnel et minimisez finalement la charge du serveur. De plus, Joomla offre une flexibilité incroyable grâce à ses capacités de remplacement avancées, vous permettant de l'adapter parfaitement à vos besoins.

Utilisez moins de JavaScript. JavaScript affecte l'efficacité d'un site Web de deux manières: en ajoutant des fichiers plus volumineux au site web et en augmentant la quantité de traitement requise par le serveur ou l’appareil de l’utilisateur. Ces deux façons, bien sûr, conduisent à plus de consommation d'énergie. Vous pouvez rechercher d'autres moyens d'atteindre l'interaction prévue avec l'utilisateur (puisque c'est généralement pour cela que vous utilisez JavaScript), par exemple en explorant si CSS3 peut vous couvrir pour une animation. Mais même si vous ne pouvez pas éviter d’utiliser JavaScript, vous pouvez au moins l’utiliser efficacement, par exemple en l’exécutant vers la fin du chargement de la page web. Une mention spéciale doit être faite ici des scripts de suivi des visiteurs et de publicité, qui ajoutent rarement de la valeur au visiteur, mais peuvent ajouter un poids important aux fichiers chargés, provoquer une utilisation significative du processeur, ralentir les sites Web et - assez souvent - violer la vie privée des utilisateurs.

Utilisez les bonnes polices. Il existe des techniques qui peuvent être utilisées pour minimiser la taille des polices sur les sites Web, ce qui les alourdit souvent plus qu'ils ne le devraient. Par exemple, les formats de fichiers de police modernes, tels que WOFF et WOFF2, qui utilisent des méthodes de compression plus élevées que les formats de fichiers TTF, OFT ou SVG, peuvent entraîner des réductions de la taille des fichiers allant jusqu'à 97 %. Vous pouvez également utiliser un sous-ensemble de la police que vous voulez, de sorte qu'il n'inclut que les caractères requis sur le site Web. Si vous n’avez pas de préférence de police particulière, vous pouvez utiliser une famille de polices classique comme Arial ou Times New Roman. Ils ne sont peut-être pas les plus jolis, mais ils ont l’avantage de pouvoir être utilisés sans charger de fichiers de police, car ils se trouvent déjà sur les appareils des utilisateurs.

Utilisez la dernière version. Dans quoi? En tout! À partir de la dernière version de PHP. Les dernières versions de PHP sont non seulement plus rapides, mais utilisent également moins de ressources informatiques et donc moins d'énergie. Joomla 5.X nécessite au moins PHP 8.1 (pas activement supporté depuis novembre 2023) mais recommande PHP 8.3 (activement supporté jusqu'en décembre 2025, voir Versions supportées par PHP). En outre, l'utilisation de la dernière version de Joomla lui-même ainsi que des extensions tierces rend également votre site Web plus facile à maintenir au fil du temps. En outre, à mesure que Joomla évolue, il devient constamment plus rapide et plus efficace.

Concevez-le correctement. L'un des éléments les plus essentiels d'un site Web est un design qui assure une bonne expérience utilisateur (UX) en réduisant les frictions dans leurs mouvements. Nous voulons que les gens soient en mesure de trouver les choses qu'ils veulent et d'effectuer les actions dont ils ont besoin de la meilleure façon possible. Une bonne conception rend l'utilisation d'un site Web plus facile et plus agréable pour tout le monde, et réduit encore une fois la quantité d'énergie gaspillée en faisant défiler les pages qui ne servent pas leur objectif ou en regardant les pages essayant de comprendre quoi faire ensuite.

Conception pour l'accessibilité. En parlant de bonne UX, vous pouvez également assurer l'inclusivité en suivant les WCAG (Web Content Accessibility Guidelines). Joomla 5.X est hors de la boîte accessible puisque son modèle par défaut, « Cassiopeia », s’aligne sur les normes de niveau WCAG 2.1 AA. De plus, il comprend des outils d'accessibilité intégrés pour vous aider à garder votre site Web accessible au fur et à mesure que vous le construisez.

Restez à l'écoute de la partie 2 du développement Web durable avec Joomla car nous discuterons des aspects les plus importants du développement Web durable après la mise en œuvre et pendant l'exploitation d'un site Web.