Leçon 13Les technologies des sites Web
- Notion 77 - Page web statique et page web dynamique : quelles sont les différences ?
- Notion 78 - Comment les bases de données fonctionnent-elles et quel est leur impact écologique
- Notion 79 - Un site web statique est-il une solution pour l'éco-conception web ?
- Notion 80 - Qu'est ce qu'un CMS ?
- Notion 81 - Introduction à WordPress
- Notion 82 - Pourquoi optimiser WordPress ?
- Notion 83 - Comment optimiser WordPress?
- Notion 84 - Comment convertir un site WordPress en site statique ?
- Notion 85 -
Notion 79
Un site web statique est-il une solution pour l'éco-conception web ?
Compétences ciblées
Nous avons vu que l'utilisation de bases de données et de pages Web dynamiques n'est pas la meilleure solution pour l'éco-conception des sites Web. La solution pourrait venir d'une autre catégorie que nous avons présentée précédemment : les pages web statiques, et de manière plus générale, les sites web statiques. Voyons quelques-uns de leurs avantages.
Un site web statique permet de mieux contrôler son développement
Parce qu'un site web statique peut être construit de manière plus "manuelle", son développement offre plus de flexibilité et de contrôle sur un ensemble de paramètres. En effet, le code HTML d'un site statique peut être écrit en interne. Construit de cette manière, le site web ne dépendrait plus de trop de protocoles ou de services externes et automatisés qui pourraient augmenter l'impact environnemental du site (pas de bases de données, pas de langage "lourd" comme PHP ou SQL, pas de mises à jour fréquentes, etc.) et sur lesquels le développeur web n'aurait aucun contrôle. De cette manière, le développeur web a la possibilité de gérer lui-même l'aspect éco-conception, de manière plus rationnelle et responsable et ainsi essayer de minimiser l'impact du site web.
Un site web statique vous permet de créer manuellement le code HTML
Avoir la possibilité de développer soi-même le code HTML d'un site web statique signifie que l'on n'est plus dépendant d'autres services comme mentionné ci-dessus, mais aussi que le code est débarrassé de fonctionnalités potentiellement inutiles, et qu'il est optimisé pour une moindre consommation d'énergie et de ressources. Il peut être conçu de manière à ne pas alourdir l'impact du site web à toutes ses étapes :
- la conception (design sobre, pas de fonction accessoire, compression des images, possibilité de configurer la compilation),
- le stockage (un code HTML rationalisé nécessite moins d'espace de stockage, donc moins d'énergie pour stocker le site ou pour construire et entretenir des dispositifs de stockage)
- la consultation du site par les utilisateurs (possibilité de mettre en place des requêtes et des sollicitations vers le serveur d'application ou la base de données, économie de bande passante).
Pour plus d'informations sur la manière d'améliorer votre code, vous pouvez consulter la prochaine Leçon, "Pour aller plus loin, quelques pratiques de code".
Un site statique responsable peut être réalisé avec des générateurs de sites statiques
Pratiquer l'éco-conception avec un site web statique ne signifie pas que vous êtes seul face à cette tâche. Il existe des outils pour vous aider dans cette démarche : les générateurs de sites statiques.
Les générateurs de sites statiques sont des outils qui construisent pour vous des sites web statiques entièrement opérationnels en leur fournissant simplement des données brutes, du code et du contenu sous forme de fichiers texte. Vous pourrez avoir de l'interactivité sur une page web statique tout comme sur une page web dynamique, sans l'inconvénient d'utiliser une base de données.
Le site Web de The Good Manager a été réalisé avec un générateur de site statique appelé Gatsby, mais il en existe beaucoup : Next.js, Jekyll, Hugo, Hexo, etc.
Un site web statique est compatible avec une démarche d'éco-conception
Comme nous l'avons vu dans cette notion, les sites statiques semblent être une bonne alternative aux sites dynamiques. Il est hautement personnalisable pour les développeurs et peut être réalisé et utilisé facilement grâce au générateur de site statique, sans passer par des bases de données. Ce sont des signes qui indiquent leur compatibilité avec l'éco-conception. Dans tous les cas, un dialogue préalable est indispensable entre tous les acteurs impliqués dans la conception du site web pour s'assurer que la création finale correspond aux attentes fonctionnelles, et s'inscrit en même temps dans une logique globale de durabilité.
Pour aller plus loin
Un article sur les générateurs de sites web statiques et leurs avantages : https://teleporthq.io/blog/what-is-a-static-site-generator