EcoconceptionVers un web plus durable EcoIndex A

Cette page recense les recommandations appliquées

Simplicité et frugalité

Interface utilisateur (IHM) réduit à 4 pages : l'essentiel du parcours utilisateur se concentrant sur la page d'accueil.

Bonnes pratiques appliquées selon les Ecoconception web / 115 bonnes pratiques" de Frédéric Bordage

  • Retenir uniquement les fonctionnalités essentielles. Bonne pratique accessibilité et écoconception
  • Quantifier précisément le besoin
  • Optimiser le parcours utilisateur
  • Eviter les animations Javascript. Ce site est conçu sans avoir recours au Javascript
  • Limiter le recours aux carrousels
  • Avoir un titre de page et une metadescription pertiente. Bonne pratique accessibilité et écoconception
  • Favoriser un design simple, épuré et adapté au web. Bonne pratique accessibilité et écoconception. Site réalisé uniquement en HTML 5 et CSS 3.
  • N'utiliser que les portions indispensables des bibliothèques JS et CSS. Aucune bibliothèque JS n'est chargée sur ce site. Un seul fichier de la bibliothèque Bootstrap 5.0 est présent dans l'arborescence du site.
  • Favoriser les pages statiques. La récurrence de mise à jour de ce site étant assez faible, l'utilisation d'un CMS a été abandonnée, permettant ainsi d'économiser des CPU.
  • Afficher des pages d'erreur statiques
  • Limiter le nombre d'appels aux API HTTP.
  • Favoriser un développement sur mesure à l'usage d'un CMS. Aucun CMS n'est utilisé sur ce site, il est entièrement codé en HTML 5 et CSS 3.
  • Réduire le volume de données stockées au strict nécessaire. Aucune donnée stocckée.
  • Ne se connecter à une base de données que si nécessaire. Aucune base de données
  • Limiter le nombre de CSS. Seulement 2 fichiers CSS : un fichier bootstrap et un fichier spécifique.
  • Préférer les CSS aux images. Réalisation de symboles graphiques entièrement en CSS.
  • Externaliser les CSS et Javascript.
  • Valider son code avec linter. Code CSS validé avec l'outil jigsaw du W3C
  • Ne pas modifier le DOM lorsqu'on le traverse.
  • Limiter le nombre de requêtes HTTP.
  • Ne pas redimensionner les images côté navigateur.
  • Optimiser les images.
  • Utiliser le chargement paresseux.
  • Assurer la compatibilité avec les anciens appareils et logiciels. Bonne pratique accessibilité et écoconception
  • Valider les pages auprès du W3C. Bonne pratique accessibilité et écoconception
  • Choisir les technologies les plus adaptées. Bonne pratique accessibilité et écoconception
  • Utiliser un cache HTTP.
  • Ajouter des en-têtes Expires ou Cache-Control.
  • Compresser les fichiers texte suivants : CSS, JS, HTML et SVG.
  • Minifier les fichiers texte suivants : CSS, JS, HTML et SVG.
  • Privilégier HHTP/2 à HTTP/1.
  • Mettre en place un sitemap efficient.
  • Choisir un hébergeur écoresponsable. Infomaniak héberge ce site web, consulter sa politique en matière d'écologie
  • Limiter l'utilisation des GIF animés.
  • Optimiser les images vectorielles.