Navigation durable

Dès le choix de l’image, l’attention est portée à l’écoconception. Il s’agit pour les créatrices et créateurs de contenus de raisonner l’usage-même d’une image dans le message transmis par la page du site.

Les images écoconçues reçoivent un traitement à leur intégration dans l’outil de gestion de contenu. Dans le cas du site web de l’UNIL, il s’agit tout d’abord d’un traitement automatique de l’image lors de la contribution par la personne en charge du contenu. Il ne s’agit pas seulement d’une compression d’image effectuée en amont de la contribution par le créateur de contenu (format JPG ou PNG par exemple) mais une compression supplémentaire très efficace et systématique. Le résultat est alors une image en tonalité de gris occupant jusqu’à 10 fois moins de place sur un serveur et consommant directement moins de ressources pour être affichée. Enfin, une feuille de style ajoute des filtres de tonalités bleues au moment de l’intégration de l’image dans une page web. Ainsi, lors de la navigation en mode écoconçu, c’est une image beaucoup plus légère qui sera proposée par défaut à la lecture de votre appareil (ordinateur de bureau ou mobile) : cela permet un chargement plus rapide de la page (un gain de temps et de confort pour vous) et réduit significativement la quantité de données devant être transférées entre le serveur de l’UNIL et votre équipement (et donc ses impacts environnementaux). Quant aux infographies, elles sont proposées dans un format vectorisé (.svg) permettant de conserver un poids raisonnable et une excellente adaptabilité (sans compromettre la lecture du contenu d’un tableau par exemple). 

Les images ne sont chargées qu’au moment où elles apparaissent sur l'écran de l’internaute (lazyload). En plus d'être un pilier de l'écoconception, cela améliore les performances puisqu'il y a moins de données à charger au départ et sont consommées au fur et à mesure de la lecture.

Concernant le code source de la page web, il est possible d’indiquer en amont au navigateur comment choisir la source d’image la plus adaptée grâce à des d’attributs notifiant la taille de l’image à charger en fonction de la zone dans laquelle elle est utilisée. De fait, le navigateur charge uniquement l'image la plus optimisée possible dans un contexte d'affichage donné.

Les créatrices et créateurs de contenus sont encouragés à rationaliser les informations spécifiques de leurs pages en tenant compte des flux d’utilisation pour chaque public-cible et en définissant un objectif clair pour chacune des pages. En simplifiant les contenus et en rédigeant pour le support web spécifiquement, les pages sont plus pertinentes pour les personnes qui les visitent. De plus, les interactions avec le contenu sont réduites au minimum en limitant l’autocomplétion, par exemple (fonctionnalité prédictive complétant les mots ou ensemble de mots au fur à mesure de la frappe). Le composant permettant le téléchargement de documents permet de décrire au maximum leur contenu et ainsi d’éviter le transfert inutile de données.