Accéder au contenu principal

Développement Web durable avec Joomla! - Partie 2

Dans Développement Web durable avec Joomla! - Partie 1, nous avons exploré comment Joomla permet le développement Web durable en promouvant l'efficacité énergétique, l'optimisation des ressources et les pratiques respectueuses de l'environnement. Les étapes clés comprenaient la sélection de solutions d'hébergement vertes, l'écriture de code propre, la minimisation de JavaScript, l'optimisation des polices et l'exploitation des fonctionnalités intégrées de Joomla pour réduire la charge du serveur. L'accent a également été mis sur une conception conviviale et accessible pour améliorer les performances et l'inclusivité.

La partie 2 mettra l’accent sur le maintien de la durabilité pendant l’exploitation d’un site web, en garantissant la responsabilité environnementale à long terme.

Après la mise en œuvre

Après avoir accompli les tâches «les plus lourdes» liées au développement de sites web, la phase d’optimisation commence généralement afin de le rendre plus rapide, plus sûr et plus convivial pour les moteurs de recherche et les médias sociaux. Cela comprend une série d'actions critiques qui ont également un impact clair sur l'efficacité énergétique du site Web. Voici les plus importants d'entre eux:

Mettre en œuvre le référencement correctement. L'optimisation des moteurs de recherche (SEO) peut sembler à première vue sans rapport avec l'efficacité énergétique d'un site Web, mais si vous y réfléchissez, dans la pratique, les objectifs du référencement sont parfaitement alignés sur l'objectif de réduction de la consommation d'énergie. Lorsque nous optimisons un site Web pour améliorer son classement dans les moteurs de recherche, nous aidons essentiellement les gens à trouver l'information qu'ils veulent plus rapidement et plus facilement. Lorsque le référencement réussit, les gens passent moins de temps en ligne à chercher des informations et visitent moins de pages qui ne répondent pas à leurs besoins. Cela signifie que moins d'énergie est consommée et que l'énergie consommée est utilisée pour fournir une valeur réelle à l'utilisateur. Joomla 5.X ouvre également la voie sur ce compte, car il dispose déjà de capacités de référencement robustes, intégrées et optimisées dès le départ.

Utilisez la mise en cache! L'un des éléments les plus importants qui jouent un rôle décisif dans la vitesse ultime d'un site Web est la mise en cache. Surtout pour les sites Web qui fonctionnent avec une base de données telle que Joomla, les pages sont créées dynamiquement chaque fois que quelqu'un les visite. Cela peut être très inefficace dans la mesure où il nécessite une puissance de traitement du serveur pour chaque vue de page, ce qui augmente la consommation d'énergie. Le cache réduit considérablement la consommation d'énergie du serveur et, bien sûr, la différence de temps de chargement des pages est significative. Joomla fournit la fonctionnalité de cache de plusieurs façons, et tout ce que vous devez faire est de lire la documentation et mettre en œuvre la méthode qui répond le mieux à vos besoins.

Utilisez un CDN. Il a été mentionné précédemment qu'il est très important que le site Web soit hébergé sur un serveur plus proche des utilisateurs. Cependant, si cela n'est pas possible, par exemple si le site Web s'adresse à des utilisateurs du monde entier, l'utilisation d'un réseau de diffusion de contenu (CDN) est une excellente solution. CDN stocke et sert ensuite des fichiers de sites Web tels que des images provenant d'un réseau de centres de données du monde entier. Cela signifie que, dans la plupart des cas, des fichiers plus volumineux seront chargés à partir d’un centre de données situé plus près de l’emplacement de l’utilisateur, ce qui réduira la distance parcourue par les données chaque fois qu’une page est chargée. Encore une fois, cela améliore l'efficacité énergétique et les temps de chargement des pages.

Servez le site Web statiquement. Parfois, vous devrez peut-être créer un site Web qui n'aura pas besoin de changer fréquemment, comme un simple profil d'entreprise. D'autres fois, ce site Web peut avoir atteint son objectif après un certain temps (par exemple, un site Web pour un événement) ou même avoir été abandonné. Dans tous ces cas, il n'a absolument aucun sens de continuer à exploiter une base de données qui sert dynamiquement le contenu d'un site Web, car aucune modification ne sera apportée à celui-ci. Il est énergivore et ne sert plus à rien. Dans ce cas, vous pouvez convertir le site Web en fichiers HTML, CSS et JS statiques, qui se chargent beaucoup plus rapidement car ils n'ont pas besoin de demander du contenu à partir d'une base de données, ils l'ont déjà intégré. De cette façon, non seulement le site Web se chargera plus rapidement, mais il sera également plus facile de le gérer si vous souhaitez, par exemple, le transférer vers un pack d'hébergement Web plus économique (puisqu'il ne nécessite plus l'existence d'une base de données ou d'autres ressources qui auraient pu être nécessaires).

Pendant l'opération

Enfin, certaines des étapes les plus importantes pour l'efficacité énergétique d'un site Web concernent son fonctionnement quotidien. Néanmoins, comme vous le verrez, ils doivent essentiellement être pris au sérieux à chaque étape de sa mise en œuvre.

Compressez les images! Sur la plupart des sites Web, les images sont de loin les éléments les plus lourds en termes de taille de fichier. Plus vous utilisez d'images et plus ces fichiers d'images sont volumineux, plus il y a de données à transférer et plus d'énergie à consommer. Indépendamment de l'application des techniques de compression d'image que nous verrons ensuite, que vous soyez un développeur, un concepteur ou un rédacteur de contenu, vous devez réfléchir très attentivement à l'utilisation des images. L'image que vous souhaitez utiliser ajoute-t-elle vraiment de la valeur à l'utilisateur? Communique-t-il des informations utiles (qui seraient peut-être plus appropriées pour communiquer par texte pour un meilleur référencement) ou est-ce purement décoratif? Le même impact pourrait-il être atteint si l'image était plus petite? Pourriez-vous obtenir le même résultat avec un graphique vectoriel (par exemple SVG) ou même avec un style CSS au lieu d'une photo? En vous posant des questions comme celles-ci, vous pouvez vérifier l'opportunité d'utiliser certaines images et réduire leur utilisation, sans bien sûr compromettre l'expérience utilisateur. Cela contribuera à son tour à réduire la consommation d'énergie. Il en va de même pour les vidéos, qui pèsent beaucoup plus sur une page et créent une charge beaucoup plus élevée sur le processeur des utilisateurs, ce qui entraîne une consommation d'énergie beaucoup plus élevée.

Comment rendre l'utilisation des images plus efficace?

  • Téléchargez des images aux dimensions souhaitées au lieu de vous fier à CSS ou Javascript pour ajuster automatiquement leur taille. Cela évite de charger des images plus grandes que l'échelle à laquelle elles seront affichées.
  • Utilisez des outils comme TinyJPG ou ShortPixel pour compresser des fichiers image sans perte de qualité visible. Depuis que j'ai découvert ces outils et vu l'énorme différence de taille de fichier qui en résulte généralement, je ne télécharge plus de photo sans d'abord les parcourir. À long terme, cela m'a également sauvé sur d'autres niveaux, comme si j'avais téléchargé les images à leur taille d'origine, je consommerais maintenant au moins cinq fois plus d'espace disque sur l'hébergement Web que ce dont j'ai actuellement besoin. Donc, les économies sont multiples.
  • Utilisez le format de fichier le plus efficace pour chaque image, comme WebP au lieu de JPG pour les images de contenu ou SVG au lieu de PNG pour les icônes qui sont des éléments organiques du site Web. En plus d'économiser des ressources, il est également bon pour le référencement! En outre, il existe des plugins pour Joomla qui peuvent convertir automatiquement des images JPG ou PNG en WEBP.
  • Vous pouvez également implémenter le chargement paresseux pour les images et les vidéos pour les charger uniquement en cas de besoin.

De toutes ces manières, une réduction significative de la taille des fichiers image peut être obtenue, réduisant la consommation d'énergie et améliorant les temps de chargement, sans aucun inconvénient notable pour les visiteurs du site Web.

Faites attention au contenu! Comme mentionné ci-dessus pour le SEO et l'UX, l'écriture a un impact important sur l'efficacité du site Web, car elle affecte le temps que les gens y passent et l'expérience qu'ils en tirent. Parfois, nous voulons que les gens passent beaucoup de temps sur un site Web, en attirant leur attention sur notre contenu. Ce que nous ne voulons pas, cependant, c’est que les gens perdent leur temps avec un contenu qui leur offre peu ou pas de valeur. Certes, cela vous est arrivé suffisamment de fois que (espérons-le) vous ne voudriez pas le perpétuer en tant que pratique. Par conséquent, une rédaction de contenu claire et efficace peut aider à réduire le temps perdu sur Internet et, par extension, à réduire le gaspillage d'énergie. Sans oublier qu’il est également bénéfique pour le classement dans les moteurs de recherche.

Un site Web plus économe en énergie est globalement un meilleur site Web

Si vous avez eu la patience de lire jusqu'ici, vous aurez sûrement compris que la plupart des cas où l'énergie est gaspillée sont essentiellement dus à des omissions techniques. Cela signifie qu'un site Web soigneusement conçu pourrait déjà être plus économe en énergie dès le départ. Et la meilleure partie est que presque toutes les mesures que nous pouvons prendre pour aider les sites web à être plus économes en énergie les rendront également meilleurs d’autres manières, qu’il s’agisse d’un meilleur référencement, d’une vitesse plus rapide ou d’une meilleure expérience utilisateur.

Ainsi, lorsque vous visez à réduire l'empreinte carbone d'Internet, réduire le gaspillage d'énergie en prêtant attention à tous les éléments mentionnés ci-dessus est un excellent point de départ. Bien sûr, la consommation d’énergie d’un site web peut être difficile à mesurer avec précision (bien que des outils tels que Site web Carbon peut certainement aider), mais il y a encore beaucoup de choses que nous pouvons faire pour éliminer le gaspillage et améliorer la performance. La plupart de ces actions ne sont pas intrinsèquement difficiles, elles nécessitent juste une attention aux détails et une réflexion minutieuse dans tous les aspects de la conception, de la création de contenu, du développement et de l'hébergement d'un site Web. Cela vaut certainement la peine, cependant, car comme il est devenu clair, un site Web plus économe en énergie est également un meilleur site Web dans l'ensemble.

La route à suivre: Joomla et l'avenir du développement Web durable

Alors que Joomla continue d’évoluer, l’engagement de sa communauté en faveur de la durabilité sera essentiel. Des fonctionnalités telles que des performances améliorées, des intégrations d'hébergement économes en énergie et des principes de conception respectueux de l'environnement maintiendront Joomla à l'avant-garde du développement Web durable.

En adoptant ces principes et en tirant parti des capacités de Joomla, les développeurs et les entreprises peuvent contribuer à un écosystème numérique plus vert. Le développement durable du web n’est pas seulement un choix, c’est une responsabilité. Adoptons-le avec Joomla.

Certains articles publiés sur le Joomla Community Magazine représentent l'opinion personnelle ou l'expérience de l'auteur sur le sujet spécifique et peuvent ne pas être alignés sur la position officielle du projet Joomla.

1
2
3
4
5
6
7
EventSchedule
February Customize Backend
February Email Template
February Joomla Academy
February Mywoodlot
February Recover Article
February Web Development II
February Write Tutorial
February JQuery 2
Gets SiteView
JCB
JCB1 Custom Admin View
JCB2 Basis
January Components
January Connecting Third Party Libraries
January Floating Labels
January Happy 2025
January Web Development
March Blog Joomla
March Case Study
March Disaster
MySqlTab
SitViewCodeSuggestions
TutorialKing
Admin Tabs Custom Code
Article Menu Item
ClassDescriptionGitea
Diagram Selection Process
Joomla Extension Changlog View
Menu Templates
Selection Process Current
Starttime
EventSchedule3
Chrome OvkmdodwV6
Dashboard 01 Custom Css Example
Dashboard 02 Disable Core Extensions
Dashboard 03 Edit Layout
Dashboard 04 Images
Dashboard 05 User Dashboard
Dashboard 06 Custom Quick Icons
Dashboard 07 Admin Checklist
Fimage1
Fimage10
Fimage11
Fimage12
Fimage13
Fimage2
Fimage3
Fimage4
Fimage5
Fimage6
Fimage7
Fimage8
Fimage9
Image 20250114112645473
Image1
Image10
Image11
Image12
Image13
Image1a
Image2
Image3
Image4
Image4a
Image5 1
Image5
Image5a
Image6
Image6a
Image7
Image8
Image9
Junction Table