Low-Web
Introduction
Internet est un grand réseau de câble reliant des ordinateurs entre eux, chaque interaction que l'on réalise sur le net est un flux de données envoyé a travers ces câbles vers un autre ordinateur qui interprète le signal pour avoir un retour.
Dans un monde qui dépend de plus en plus sur internet a chaque jour passé, où les usages sont de plus en plus libres et les outils se multiplient, on pose la question du coût d'une telle technologie.
Les billions d'octet de données qui transitent à travers les baies serveurs consomment de l’électricité pour le refroidissement et le traitement tandis que l'augmentation de la demande créer des pénuries de matières premières ou bien .
En effet depuis des années, les consommation a travers les sites internet ont grandement augmenté. L'arrivée de plateforme comme Netflix (qui représente 15% de la consommation mondiale de data a lui seul) et les framework tels que REACT qui font fi de leur impact écologique nous ont habitué a un usage débridé des services proposés.
Ajoutons a ça les autres évolutions technologiques qui interfèrent joue sur la consommation du web :
- Images de meilleur qualités, donc plus lourdes
- Animations graphiques consommatrices de ressources
- Intégration vidéo de plus en plus fréquente.
- Coût d'accès au matériel informatique réduit.
Ce florilège d'évolutions technologique n'a pas que du bon, X a étudier les consommations énergétiques de 3 milliards d'usagers sur une année et nous a permis d'avoir des statistiques, l’empreinte annuelle, au niveau mondial, serait de :
- 1 037 TWh d’énergie, soit 40 centrales nucléaires ou 140 millions de français pendant 1 an ;
- 608 millions de tonnes de gaz à effet de serre, soit l’équivalent de 86 millions de français(e)s ;
- 8,7 milliards de m3 d’eau, soit la consommation annuelle de 160 millions de français.
« Ce qui coûte très cher à l’environnement aujourd’hui, c’est le flux de données, beaucoup plus que le stock »
- Bela Loto, formatrice-consultante et fondatrice de la Maison de l’informatique responsable.
Face a ces problématiques, des intéressés ont chercher des moyens de lutter contre ces chiffres alarmants. Les usagers représentant 50% des émissions carbone d'internet, et pourtant nous n'avons que peu de contrôle sur la manière d'accéder au web ou ce qu'on peut y trouver.
Le low web est une initiative des usagers du web qui comprennent les limites techniques qu'imposent les nouvelles technologies déployés sur leurs sites afin de réduire cet impact sans rogner sur le confort de tout a chacun lorsque l'on utilise internet.
Cette solution s'illustre sous le nom de "Low Web" en référence au Low Tech, combiné au web, et correspond à toute pratique visant a l'économie de ressources en ligne.
Cet article vise a vous présenter le Low-Web, définir ses avantages et limites afin de déterminer si c'est une technologie fiable pour répondre aux problématiques d'aujourd'hui.
Low-Web, Qu'est-ce ?
Le low web (Fusion de Low-Tech et Web) est un ensemble de pratiques qui permettent d'alléger une page web au maximum.
Elles concernent les développeurs qui, lors de la mise en place du site internet, cherchent a créer un site léger, rapide, facilement réplicable
On y retrouve les conditions suivantes pour correspondre a l'idée d'un site low-web:
- Le site ne doit être construit qu'a travers les langages basiques du web : HTML et CSS. Les scripts coté client ou serveur sont a éviter le plus possible.
- Un code propre et épuré, avec une architecture structurée sans page inutile
- Un design simple, sans animations avec un contenu accessible facilement.
- Garder un éditeur de site Web (CMS) qui respecte ces contraintes pour votre site.
- Un minimum d'image, et sinon les alléger pour ne pas faire charger d'image haute définition a l'usager. Favoriser les images Svg
Ainsi un site low tech n'est pas différent d'un site standard, il est simplement optimisé et crée avec ces pratiques et dépossédé de ses fioritures.
Exemple de site Low-Web : Low <- Tech Magazine
Le site au dessus est un modèle pour le low-web. En plus d'avoir une page qui pèse seulement 584.15Ko, toutes les images sont traitées et décolorées, les textes sont en police "par défaut" du navigateur, leur site est statique... Le magazine s'est donné la peine de réfléchir a chaque point de son site pour économiser un maximum de ressource.
Toutes ces pratiques ne semblent pas avoir d'impact pour un utilisateurs et semblent même retirer certaines fonctionnalités ajoutées par les dernières évolutions technologiques.
En fait, une page issue des pratiques low web est 5 à 10 fois plus légère qu'une page standard, et donc se charge proportionnellement plus vite pour l'usager. De plus, le fait d'utiliser un code clair et simple favorise la compatibilité entre les navigateurs ainsi que la maintenance.
Le concept s’oppose au high-tech et peut faire appel à des solutions techniques tombées (plus ou moins récemment) en désuétude, mais remise au goût du jour a travers de nouveaux outils.
Par exemple il existe des générateurs de sites statiques. Ces derniers ont, par leur structure et leur fonctionnement, intégré par défaut les pratiques low-tech et il suffit de quelques attentions pour que le site généré soit tout a fait acceptable par les normes low-web.
Pour prendre un exemple, le moteur de génération de site Hugo, développé en Go, communautaire et open-source, est un outil qui permet de gérer son contenu en fichiers écrits en MarkDown et l'archiver selon une architecture définie soi même puis de mettre en place ces textes en fichiers HTML grâce a des modèles.
Tout ces fichiers sont analysés pour créer un site statique.
Lorsque vous parcourez un site statique, votre navigateur demande à accéder à un fichier HTML sur le serveur dudit site, le serveur lui renvoie, le navigateur le lit, la page s’affiche. Ainsi, pour 1, 100, 1000 visiteurs, le fichier n’a été généré qu’1 fois et se contente d'être consulté.
A l'inverse, un site dynamique demande au serveur de générer à la demande la ressource, en allant récupérer dans les bases de données les textes, images et autres contenus souhaités. Il les traite / formate, génère la page, la renvoie, le navigateur la lit, la page s’affiche. Pour 1, 100, 1000 visiteurs, elle aura donc été généré 1, 100 ou 1000 fois.
Et malgré son appellation péjorative par rapport aux sites dynamiques, un site statique peut garder tout d'un site moderne. La preuve en image :
Voila la page la plus lourde d'un site réalisé avec Hugo, uniquement en CSS et HTML. Elle pèse 885Ko
Ici, on voit que le site s'est permis d'afficher des images et d'utiliser une police spéciale
Ces images sont, tout comme celles du Low<-Tech Magazine, réduites en taille, en qualité, décolorés afin de les rendre plus légère et rester compréhensible a l'homme
La police va être téléchargée a la première arrivée sur le site, elle est ensuite stockée dans le Cache du navigateur et ne sera plus chargée aux prochaines visites du site.
Adapté a tous ?
Les pratiques Low-Web n'ont pas cette prétention.
En effet, malgré tout les bienfaits de ce système alternatif, il reste certains cas qu'il ne peux pas traiter.
Par exemple, beaucoup de site internets croisent des sources de données qui sont stockées a travers des base de données qui dépendent d'acteurs multiples. On ne peut pas accéder a la base de donnée et donc aux fonctionnalités du site en son intégralité si on s'en tiens au site statiques, on doit insérer des scripts et des requêtes dans la page.
Ou encore si votre site repose sur des données fournies entièrement par l'usager, il n'est pas possible de traiter ces données sans un script.
Enfin, les entreprises de communication et graphistes rechignent beaucoup a l'idée de simplifier les sites, de les rendre plus faciles a accéder et d'utiliser le moins de fonction possible.
En effet, la première crainte est portée sur la concurrence as qui cela laisse le champ libre d'exploiter ces artifices.
D'autres ne veulent pas se séparer des analyses, des publicités et des cookies.
Il y a aussi la barrière technique. En effet on entre aujourd'hui dans un essor des site-builders, logiciels a destination des usagers lambda pour mettre en place leur site marchand "basique". Cela accentue une mystique autour du développement, du web et de l'informatique en générale qui pousse les gens a se désintéresser du moyen au profit du but.
En effet pour comprendre l’intérêt du low-web il faut avoir connaissance de la technique derrière un site web. De plus, ces pratiques, plus récentes, sont moins lissées et, comme dit précédemment, ne prodiguent pas le même confort dû aux sacrifices faits pour obtenir un site low-tech.
Mais la principale raison du manque de popularité des site low-web et statiques viens surtout du manque de visibilité et de connaissance du grand public et des web-designers.
Peut-on s’appuyer sur ces pratiques pour le web de demain ?
On pense souvent a un futur qui tends vers sa destruction pour l'humanité, et pourtant voilà un exemple d'auto-préservation d'une technologie et la mise en place des moyens nécessaire pour un "passage" vers un web moins lourd, plus facile a gérer.
Plutôt que s'imposer comme nouvelle norme, beaucoup de partisans du low-tech pensent que cette solution se présentera d'elle lors d’éventuelles limite d'accès a l’énergie et/ou une censure plus pesante.
Un site statique, low-tech, se détache des systèmes classiques pour le stockage des données.
Le fait de manipuler des fichiers textes simples, sans requête, ids et autre éléments relatifs aux base de données, rends les données facile a exporter, a cloner, a filtrer, a traiter. Cela rends le Développement et intégration continue plus accessible et simple a gérer.
Dans une ère de consommateurs de plus en plus éco-responsable, où l'information est accessible comme jamais et une nouvelle habitude peut se répandre comme une trainée de poudre, l'existence des pratiques low-web complémente le kit internet.
Il ne manque peut être que quelques memes sur le low-web pour que la pratique se popularise, en espérant qu'il ne faille pas attendre un crise mondiale pour que les développeurs adoptent ces pratiques, même partiellement.
Ce type de pratique est un exemple d'une communautés qui s'accapare d'un problème et développe une solution. C'est un exemple pour les industries qui cherchent a faire de l'éco-marketing plutôt que de l'écologie.
Sources:
- https://usbeketrica.com
- https://lowtechlab.org/fr/actualites-blog/faire-un-site-low-tech
- https://www.greenit.fr/2015/05/12/quelle-est-l-empreinte-environnementale-du-web/
Exemples de site low-web :
Types blog :
- https://www.pikselkraft.com/en/
- https://ecoweb.noema.design/index.html
- https://low.plopcom.fr/
- https://lafun.fr/
- https://lowimpact.organicbasics.com/eur
Types applicatifs :
- https://godottutorials.com/courses
- https://www.bypasscensorship.org/#tools