Les images sur un site sobre

Le Golden Gate Bridge de San Francisco vu depuis Alcatraz

Un site sobre énergiquement

Lors de la conception de mon site, j’ai fait en sorte à ce que celui ci soit extrêmement léger à télécharger et charger sur le périphérique de lecture. Ce dernier doit simplement récupérer le texte du document et un tout petit peu de code (CSS) pour avoir quelques couleurs et un peu de mise en page.

À l’arrivée, il faut très peu de ressources matérielles et énergétiques, aussi bien pour héberger le site, que pour le lire. De plus, cela offre une fluidité de chargement et de navigation bien supérieure à la plupart des autres sites que consultent mes quelques visiteurs hebdomadaires (coucou maman ! :) ).

Les images

Pour mon dernier article de blog, j’ai pour la première fois eu besoin d’ajouter des images au texte.

Les images vont représenter une partie importante du trafic de ce site, vu leur taille bien supérieure à celle d’un simple texte. On trouve beaucoup d’article sur internet donnant des stratégies et des explications pour limiter leur taille, leur qualité et les optimiser.

Pour l’instant, j’ai choisi une solution assez simple, je redimensionne les images avec une largeur de 800 pixels. Je peux toujours jouer sur le cadrage de l’image pour qu’elle représente correctement ce que je souhaite illustrer. Lors de la génération de ce site, un traitement est appliqué pour les compresser sans perte de qualité (grâce à un plugin pour le générateur de site que j’utilise), ce qui apporte encore un gain non négligeable.