Éliminer les fonctionnalités non essentielles [BP_001_fr]Éliminer les fonctionnalités non essentielles Identifiants GreenIT V2 V3 V4 109 1 1 Catégories Cycle de vie Tiers Responsable 1. Spécification Utilisateur/Terminal PO/AMOA Indications Degré de priorité Mise en oeuvre Impact écologique 5 4 5 Ressources Economisées Processeur / Mémoire vive / Stockage / Réseau / Requêtes Description Plusieurs études (Cast Software et Standish Group, notamment) démontrent que 70 % des fonctionnalités demandées par les utilisateurs ne sont pas essentielles et que 45 % ne sont jamais utilisées.
Quantifier précisément le besoin [BP_002_fr]Quantifier précisément le besoin Identifiants GreenIT V2 V3 V4 110 2 2 Catégories Cycle de vie Tiers Responsable 1. Spécification Utilisateur/Terminal PO/AMOA Indications Degré de priorité Mise en oeuvre Impact écologique 5 4 5 Ressources Economisées Processeur / Mémoire vive / Stockage / Réseau / Requêtes Description Les « dimensions » de chaque fonctionnalité doivent être définies précisément et dans leur ensemble. Il peut s’agir d’un taux de compression pour les images de l’interface graphique, du temps de réponse maximum pour une requête HTTP, du nombre d’items affichés dans une liste, etc.
Préférer la saisie assistée à l'autocomplétion [BP_004_fr]Préférer la saisie assistée à l’autocomplétion Identifiants GreenIT V2 V3 V4 204 4 4 Catégories Cycle de vie Tiers Responsable 1. Spécification Utilisateur/Terminal PO/AMOA Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Requêtes Description L’autocomplétion, ou complément automatique est une fonctionnalité très répandue consistant à suggérer à l’utilisateur des résultats correspondant à sa recherche pendant sa saisie. Par exemple, un site permettant de rechercher un itinéraire va proposer « Paris », « Lyon Part-Dieu » et « Paray le Monial » quand l’utilisateur tape « Par ».
S'assurer que les parcours utilisateurs permettent de réaliser leur action prévue [BP_4014_fr]S’assurer que les parcours utilisateurs permettent de réaliser leur action prévue Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 1. Spécification Utilisateur/Terminal UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Mémoire vive / Stockage / Réseau / Requêtes Description Des services web permettent de réaliser sans se déplacer des démarches administratives, des ouvertures de contrats, des déclarations de sinistres etc… Beaucoup de ces procédures peuvent être complexes à réaliser ou ne pas prendre en compte des cas particuliers.
Éliminer les fonctionnalités non utilisées [BP_4018_fr]Éliminer les fonctionnalités non utilisées Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 1. Spécification Utilisateur/Terminal PO/AMOA Indications Degré de priorité Mise en oeuvre Impact écologique 5 3 5 Ressources Economisées Processeur / Mémoire vive / Stockage / Réseau / Requêtes Description Éliminer les fonctionnalités non utilisées consiste à : Mesurer l’utilisation des fonctionnalités en production. Piloter l’usage des fonctionnalités, et à supprimer celles qui ne sont pas assez utilisées ou qui ont perdu de la valeur.
Optimiser le parcours utilisateur [BP_003_fr]Optimiser le parcours utilisateur Identifiants GreenIT V2 V3 V4 111 3 3 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 5 4 5 Ressources Economisées Processeur / Mémoire vive / Stockage / Réseau / Requêtes Description Optimiser le parcours utilisateur consiste à diminuer le temps passé par l’utilisateur sur ses usages les plus fréquents. Dans un premier temps, cibler les parcours les plus fréquents puis optimiser leur usage : diminuer le nombre d’étapes, diminuer le nombre d’actions, supprimer l’inutile, identifier les cas d’échecs, optimiser les temps de réponse… Un parcours est bien conçu lorsque le programme se comporte exactement comme l’utilisateur l’avait imaginé.
Favoriser un design simple, épuré, adapté au web [BP_005_fr]Favoriser un design simple, épuré, adapté au web Identifiants GreenIT V2 V3 V4 5 6 5 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Mémoire vive / Réseau Description Tout design d’interface ou webdesign doit être réfléchi en amont, en prenant en compte : les besoins de l’utilisateur (voir la bonne pratique “Optimiser le parcours utilisateur”) les heuristiques d’ergonomie (Bastien et Scapin, Nielsen, etc.
Privilégier une approche "mobile first", à défaut un chargement adaptatif [BP_006_fr]Privilégier une approche “mobile first”, à défaut un chargement adaptatif Identifiants GreenIT V2 V3 V4 6 7 6 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal PO/AMOA Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 5 Ressources Economisées Processeur / Réseau Description Lorsque le contexte le permet, privilégier l’approche « mobile first » qui consiste à concevoir un site/service en ligne pour les terminaux mobiles, et n’élargir sa couverture fonctionnelle pour de plus grands écrans que si l’apport fonctionnel/ergonomique est justifié.
Respecter le principe de navigation rapide dans l’historique [BP_007_fr]Respecter le principe de navigation rapide dans l’historique Identifiants GreenIT V2 V3 V4 28 5 7 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 3 Ressources Economisées Processeur / Réseau Description Les navigateurs possèdent une fonction de navigation rapide dans l’historique (boutons Page précédente et Page suivante), souvent nommée back-forward cache ou encore bfcache. Contrairement au cache HTTP qui permet de garder en mémoire les réponses aux requêtes précédemment effectuées et donc d’éviter de les générer plusieurs fois inutilement et d’accélérer le chargement de pages, le cache bfcache permet de garder en mémoire une page entière.
Proposer un traitement asynchrone lorsque c'est possible [BP_008_fr]Proposer un traitement asynchrone lorsque c’est possible Identifiants GreenIT V2 V3 V4 112 8 8 Catégories Cycle de vie Tiers Responsable 2. Conception Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Mémoire vive / Réseau / Requêtes Description Lorsque l’interaction avec l’utilisateur induit un traitement lourd et long côté serveur, proposer un traitement asynchrone lorsque c’est possible. L’idée est d’encourager l’utilisateur à déclencher le traitement, puis à se reconnecter quand celui-ci est terminé sans attendre sur son terminal la fin de l’exécution; par exemple, via la réception d’un e-mail contenant un lien.
Favoriser les pages statiques [BP_013_fr]Favoriser les pages statiques Identifiants GreenIT V2 V3 V4 3 51 13 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 5 Ressources Economisées Processeur / Mémoire vive Description Si une page ne doit être modifiée que deux fois par an, préférer des pages statiques, construites en dehors du CMS. Cela permettra d’économiser des cycles CPU, de la bande passante, et réduira la consommation électrique.
Favoriser un développement sur-mesure à l'usage d'un CMS [BP_011_fr]Favoriser un développement sur-mesure à l’usage d’un CMS Identifiants GreenIT V2 V3 V4 2 12 11 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Réseau Description Utiliser un framework ou un développement sur mesure, afin de bénéficier d’une plus grande liberté dans l’optimisation de certains processus. Les CMS sont en effet plus contraignants et imposent des fonctionnements parfois gourmands en ressources pour atteindre leur principal objectif, la souplesse.
Créer une architecture applicative modulaire [BP_014_fr]Créer une architecture applicative modulaire Identifiants GreenIT V2 V3 V4 114 52 14 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Stockage Description L’architecture modulaire popularisée par les logiciels open source apporte souvent une plus grande capacité à monter en charge, des coûts réduits de maintenance corrective et évolutive, ainsi qu’un code plus efficient.
Éviter les animations JavaScript / CSS [BP_039_fr]Éviter les animations JavaScript / CSS Identifiants GreenIT V2 V3 V4 810 48 39 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 5 Ressources Economisées Processeur / Mémoire vive Description Les animations JavaScript/CSS peuvent être très coûteuses en termes de cycles CPU et de consommation mémoire. Elles déclenchent toutes une action de type (re)paint/(re)flow très coûteuse en ressources.
N'utilisez que les portions indispensables des librairies JavaScript et frameworks CSS [BP_040_fr]N’utilisez que les portions indispensables des librairies JavaScript et frameworks CSS Identifiants GreenIT V2 V3 V4 811 77 40 Catégories Cycle de vie Tiers Responsable 2. Conception Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Mémoire vive / Réseau Description Les bibliothèques JavaScript telles que jQuery et les frameworks CSS prêts à l’emploi (Bootstrap, skeleton, gumby, foundation…) sont d’excellents outils pour réaliser rapidement des sites, car ils répondent à presque tous les besoins les plus courants.
Mettre en cache les données calculées souvent utilisées [BP_064_fr]Mettre en cache les données calculées souvent utilisées Identifiants GreenIT V2 V3 V4 47 62 64 Catégories Cycle de vie Tiers Responsable 2. Conception Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Mémoire vive Description Lorsque des calculs de valeurs ou de données sont coûteux en ressources, les mettre en cache si les valeurs demeurent inchangées, afin de ne pas réitérer ces opérations.
Ne se connecter à une base de données que si nécessaire [BP_073_fr]Ne se connecter à une base de données que si nécessaire Identifiants GreenIT V2 V3 V4 56 72 73 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Réseau Description Quelque soit le système de base de données, l’ouverture d’une connexion est un processus coûteux en ressources pour le client et le serveur :
Éviter le transfert d'une grande quantité de données pour réaliser un traitement [BP_076_fr]Éviter le transfert d’une grande quantité de données pour réaliser un traitement Identifiants GreenIT V2 V3 V4 58 75 76 Catégories Cycle de vie Tiers Responsable 2. Conception Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Réseau Description Les systèmes de gestions de base données sont conçus et optimisés pour répondre efficacement aux traitements de grandes quantités de données.
Afficher des pages d'erreur statiques [BP_096_fr]Afficher des pages d’erreur statiques Identifiants GreenIT V2 V3 V4 46 98 96 Catégories Cycle de vie Tiers Responsable 2. Conception Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Réseau / Stockage Description Les pages d’erreurs (40x, 50x) doivent être les plus légères possibles, et même idéalement inexistantes. En effet, lorsque le navigateur demande une ressource qui n’existe pas (image, feuille de styles CSS, fichier JavaScript, etc.
N'utiliser que des fichiers double opt-in [BP_110_fr]N’utiliser que des fichiers double opt-in Identifiants GreenIT V2 V3 V4 103 111 110 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal PO/AMOA Indications Degré de priorité Mise en oeuvre Impact écologique 2 3 2 Ressources Economisées Processeur / Réseau / Requêtes Description Le double opt-in est une pratique marketing consistant à demander le consentement du prospect, généralement par accord électronique en cochant une case, puis à faire valider ce consentement par l’envoi d’un e-mail de confirmation à l’adresse indiquée.
Réduire le volume de données stockées au strict nécessaire [BP_4011_fr]Réduire le volume de données stockées au strict nécessaire Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Stockage Description Réduire le volume de données stockées au nécessaire consiste à : optimiser la gestion des gros volumes de données. nettoyer les anciennes données, soit en les archivant hors ligne, soit en les supprimant.
Avoir un titre de page et une metadescription pertinents avec le contenu de la page [BP_4015_fr]Avoir un titre de page et une metadescription pertinents avec le contenu de la page Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal Référenceur (SEO) Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Mémoire vive / Réseau / Requêtes Description Un titre de page <h1>, ainsi que son équivalent <title>, adjoints à une balise <meta name="description"> pertinente doivent être parfaitement en accord avec le contenu de la page associée.
Utiliser la version la plus récente du langage [BP_4016_fr]Utiliser la version la plus récente du langage Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive Description Les différents langages côté serveurs (PHP, Ruby, Java, …) sont régulièrement améliorés par les différentes communautés. Chaque nouvelle version a régulièrement apporté son lot de gain en termes de performances, de gestion mémoire, de stabilité et comble des failles de sécurité.
Préférer une PWA à une application mobile native similaire au site web [BP_4019_fr]Préférer une PWA à une application mobile native similaire au site web Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Stockage / Réseau Description Lors de la conception d’un service numérique, il est indispensable de définir les supports nécessaires en fonction des utilisateurs. Un site internet responsive peut-être tout à fait suffisant et satisfaisant.
Mettre en place une architecture élastique [BP_4021_fr]Mettre en place une architecture élastique Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 4 Ressources Economisées Requêtes Description Dans la plupart des cas la charge subie par une application n’est pas constante au cours du temps. Par exemple il peut n’y avoir que peu, voire pas du tout d’utilisateurs connectés la nuit.
Limiter le nombre d'appels aux API HTTP [BP_4022_fr]Limiter le nombre d’appels aux API HTTP Identifiants GreenIT V2 V3 V4 4022 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 5 Ressources Economisées Processeur / Réseau / Requêtes Description Lorsqu’un internaute consulte une page web, le site peut récupérer du contenu à travers des API HTTP (webservice). Dans ce cas, chaque affichage de page engendrera autant de requêtes HTTP vers les différentes API alors que le contenu sera probablement le même durant un certain temps.
Limiter le recours aux carrousels [BP_4030_fr]Limiter le recours aux carrousels Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Utilisateur/Terminal UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Mémoire vive / Stockage / Réseau / Requêtes Description Le carrousel souvent utilisé pour mettre en avant de multiples contenus montrent rapidement ses limites en terme de conversion avec un impact négatif sur l’expérience utilisateur.
Mettre en place un "Circuit breaker" [BP_4032_fr]Mettre en place un “Circuit breaker” Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 2 Ressources Economisées Processeur / Réseau / Requêtes Description Un “circuit breaker” casse le traitement d’une requête à travers plusieurs services dans le cas où un des services ne répond pas. Des requêtes provenant des terminaux utilisateurs peuvent solliciter des services utiles et aussi pour lesquels un mode dégradé est acceptable.
Favoriser le "Request collapsing" [BP_4033_fr]Favoriser le “Request collapsing” Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 2 Ressources Economisées Réseau / Requêtes Description Le “Request collapsing” est un pattern applicatif permettant de limiter le nombre d’appels distants en regroupant plusieurs requêtes pour n’en faire qu’une seule. Il est adapté dans le cas de la récupération via un service tiers de données appartenant au même domaine métier.
Préférer la pagination au défilement infini [BP_4035_fr]Préférer la pagination au défilement infini Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 2. Conception Réseau UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 3 Ressources Economisées Réseau / Stockage Description Lorsqu’on affiche une liste de produits, d’articles, sur notre site, il est tentant de donner la possibilité au visiteur de tout voir en faisant simplement défiler la page en chargeant le contenu petit à petit.
Limiter le nombre de requêtes HTTP [BP_009_fr]Limiter le nombre de requêtes HTTP Identifiants GreenIT V2 V3 V4 180 9 9 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Réseau / Requêtes Description Le temps de chargement d’une page côté navigateur est directement corrélé au nombre de fichiers que le navigateur doit télécharger, et au poids unitaire de chaque fichier.
Stocker les données statiques localement [BP_010_fr]Stocker les données statiques localement Identifiants GreenIT V2 V3 V4 205 10 10 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Réseau / Requêtes Description Avec le support désormais généralisé sur tous les navigateurs des bases de données clé-valeur (IndexDB, Web Storage), et de la mise en cache dans le Cache Storage API, il est possible de stocker localement des données structurées statiques.
Choisir les technologies les plus adaptées [BP_015_fr]Choisir les technologies les plus adaptées Identifiants GreenIT V2 V3 V4 1 11 15 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 5 Ressources Economisées Processeur / Mémoire vive / Réseau Description Le choix des technologies étant primordial pour optimiser les ressources, sélectionner l’outil le plus économe en fonction de ses besoins et de ses contraintes métier.
Utiliser certains forks applicatifs orientés "performance" [BP_016_fr]Utiliser certains forks applicatifs orientés “performance” Identifiants GreenIT V2 V3 V4 4 53 16 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Réseau Description Les logiciels open source sont souvent « forkés » (dérivés) pour des raisons de performance. Or un gain de performance implique généralement une réduction en termes de consommation de ressources.
Choisir un format de données adapté [BP_017_fr]Choisir un format de données adapté Identifiants GreenIT V2 V3 V4 113 54 17 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Mémoire vive / Stockage / Réseau Description Le type de données utilisé pour manipuler et stocker une donnée a un impact significatif sur la consommation mémoire et les cycles processeurs nécessaires lors des manipulations en base de données, au niveau du serveur d’applications et même dans le navigateur (manipulation via JavaScript), ainsi que sur l’espace de stockage nécessaire.
Remplacer les boutons officiels de partage des réseaux sociaux [BP_019_fr]Remplacer les boutons officiels de partage des réseaux sociaux Identifiants GreenIT V2 V3 V4 910 19 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Réseau / Requêtes Description Les principaux réseaux sociaux tels que Facebook, Twitter, Pinterest, etc. fournissent des plugins à installer sur une page web pour y afficher un bouton Partager et un compteur de J’aime.
Découper les CSS [BP_021_fr]Découper les CSS Identifiants GreenIT V2 V3 V4 9 24 21 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Réseau Description Employer un ensemble de CSS plutôt qu’une seule, et appeler uniquement les CSS utiles en fonction du contexte. Cette méthode permet de limiter le poids de la page lors du premier téléchargement, donc d’économiser de la bande passante et de réduire la charge CPU.
Limiter le nombre de CSS [BP_022_fr]Limiter le nombre de CSS Identifiants GreenIT V2 V3 V4 10 25 22 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Réseau / Requêtes Description Limiter le nombre de CSS pour ne pas multiplier les requêtes HTTP et pour simplifier le rendu côté navigateur. Utiliser une feuille de style commune pour tous les éléments communs, quel que soit l’affichage, et un fichier par résolution cible ou media querie.
Préférer les CSS aux image [BP_023_fr]Préférer les CSS aux images Identifiants GreenIT V2 V3 V4 11 26 23 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Réseau / Requêtes Description Utiliser les propriétés CSS3 à la place d’images. En effet, le poids d’une feuille de styles est bien plus faible, surtout si elle est compressée. En outre, l’appel d’une feuille de styles ne génère qu’une seule requête HTTP, contre un grand nombre si l’on emploie beaucoup d’images (une requête HTTP pour chaque image).
Ecrire des sélecteurs CSS efficaces [BP_024_fr]Écrire des sélecteurs CSS efficaces Identifiants GreenIT V2 V3 V4 13 27 24 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 2 Ressources Economisées Processeur Description Privilégier les sélecteurs basés sur des ID ou des classes. Ils seront ainsi filtrés plus rapidement, économisant des cycles CPU à la machine interprétant les règles. Exemple Ne pas écrire :
Grouper les déclarations CSS similaires [BP_025_fr]Grouper les déclarations CSS similaires Identifiants GreenIT V2 V3 V4 14 28 25 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 2 Ressources Economisées Réseau Description Lorsque plusieurs éléments du DOM (Document Object Model) ont des propriétés CSS communes, les déclarer ensemble dans la même feuille de styles. Cette méthode permet de réduire le poids de la CSS.
Utiliser les notations CSS abrégées [BP_026_fr]Utiliser les notations CSS abrégées Identifiants GreenIT V2 V3 V4 15 29 26 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 2 3 2 Ressources Economisées Réseau Description Utiliser les notations CSS abrégées pour réduire le poids de la feuille de styles. Exemple Ne pas écrire : margin-top:1em; margin-right:0; margin-bottom:2em; margin-left:0.5em; mais plutôt : margin:1em 0 2em 0.
Fournir une CSS print [BP_027_fr]Fournir une CSS print Identifiants GreenIT V2 V3 V4 16 30 27 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 3 Ressources Economisées Réseau Description Outre le service apporté à l’internaute, cette feuille de styles réduit le nombre de pages imprimées, et donc indirectement l’empreinte écologique du site web. La plus dépouillée possible, elle doit proposer une police de caractères économe en encre (Century Gothic, par exemple).
Favoriser les polices standards [BP_029_fr]Favoriser les polices standards Identifiants GreenIT V2 V3 V4 19 17 29 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Stockage / Réseau / Requêtes Description Péférer les polices standards, car elles sont déjà présentes sur l’ordinateur de l’utilisateur, qui n’a donc pas besoin de les télécharger. On économise ainsi de la bande passante, tout en accélérant l’affichage du site.
Préférer les glyphs aux images [BP_030_fr]Préférer les glyphs aux images Identifiants GreenIT V2 V3 V4 20 18 30 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Stockage / Réseau / Requêtes Description Les glyphes sont des caractères typographiques spécifiques, inclus dans les polices de caractères comme celles d’un système d’exploitation, utilisables en remplacement d’images monochromes telles que des symboles ou pictogrammes (chevron, triangle, point, carré, signes astrologiques, etc.
Valider les pages auprès du W3C [BP_031_fr]Valider les pages auprès du W3C Identifiants GreenIT V2 V3 V4 8 15 31 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 5 2 Ressources Economisées Processeur Description Vérifier que le code HTML des pages est bien formé. Dans le cas contraire, le navigateur corrigera dynamiquement un certain nombre d’éléments pour afficher au mieux les pages posant problème.
Externaliser les CSS et JavaScript [BP_032_fr]Externaliser les CSS et JavaScript Identifiants GreenIT V2 V3 V4 7 16 32 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Réseau Description Veiller à ce que les codes CSS et JavaScript ne soient pas embarqués dans le code HTML de la page, à l’exception d’éventuelles variables de configuration pour les objets JavaScript.
Ne pas redimensionner les images coté navigateur [BP_034_fr]Ne pas redimensionner les images coté navigateur Identifiants GreenIT V2 V3 V4 93 20 34 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Réseau Description Ne pas redimensionner les images en utilisant les attributs HEIGHT et WIDTH du code HTML. Cette approche impose en effet de transférer ces images dans leur taille originale, gaspillant ainsi de la bande passante et des cycles CPU.
Utiliser le chargement paresseux [BP_037_fr]Utiliser le chargement paresseux Identifiants GreenIT V2 V3 V4 1010 37 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 5 Ressources Economisées Processeur / Réseau Description Lorsqu’un internaute ne consulte pas la totalité d’une page web, par défaut toutes les ressources (images, vidéos, iframes…) situées en dehors de la zone visitée, en dessous de la ligne de flottaison, sont chargées inutilement.
Utiliser le rechargement partiel d'une zone de contenu [BP_038_fr]Utiliser le rechargement partiel d’une zone de contenu Identifiants GreenIT V2 V3 V4 40 49 38 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau UX/UI Designer Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Mémoire vive / Réseau Description Si votre page web comporte une ou plusieurs zones de contenus qui nécessitent un taux de rafraîchissement élevé, alors nous vous conseillons de procéder à un rechargement uniquement de celles-ci et non pas de toute la page.
Ne pas faire de modification du DOM lorsqu’on le traverse [BP_041_fr]Ne pas faire de modification du DOM lorsqu’on le traverse Identifiants GreenIT V2 V3 V4 43 43 41 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur Description Modifier le DOM (Document Object Model) lorsqu’on le traverse peut engendrer des situations où la boucle devient très gourmande en ressources, notamment en cycles CPU.
Rendre les éléments du DOM invisibles lors de leur modification [BP_042_fr]Rendre les éléments du DOM invisibles lors de leur modification Identifiants GreenIT V2 V3 V4 44 44 42 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 4 Ressources Economisées Processeur Description Lorsqu’un élément du DOM (Document Object Model) doit être modifié par plusieurs propriétés, chaque changement de style ou de contenu va générer un repaint ou un reflow.
Réduire au maximum le repaint (appearence) et le reflow (layout) [BP_043_fr]Réduire au maximum le repaint (appearence) et le reflow (layout) Identifiants GreenIT V2 V3 V4 42 45 43 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur Description Le repaint est le changement d’apparence d’un élément du DOM (Document Object Model), tandis que le reflow est le changement/ recalcul de la position des éléments dans le DOM.
Utiliser la délégation d'évènements [BP_044_fr]Utiliser la délégation d’évènements Identifiants GreenIT V2 V3 V4 41 46 44 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 4 Ressources Economisées Processeur / Mémoire vive Description La délégation d’événements permet de ne pas surcharger la mémoire du navigateur en instanciant un seul écouteur pour plusieurs élé- ments du DOM (Document Object Model).
Modifier plusieurs propriétés CSS en 1 seule fois [BP_045_fr]Modifier plusieurs propriétés CSS en 1 seule fois Identifiants GreenIT V2 V3 V4 34 32 45 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 2 Ressources Economisées Processeur Description Pour limiter le nombre de repaint/reflow, il est conseillé de ne pas modifier des propriétés une à une. Préférer l’ajout/la suppression de classes CSS, ce qui permet de modifier en une seule fois plusieurs propriétés, tout en ne générant qu’un repaint/reflow (voir la bonne pratique n° 45).
Valider votre code avec un Linter [BP_046_fr]Valider votre code avec un Linter Identifiants GreenIT V2 V3 V4 35 33 46 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 2 Ressources Economisées Processeur Description L’analyseur de qualité du code JSLint vérifie que la syntaxe JavaScript utilisée sera comprise par tous les navigateurs. Le code obtenu respecte ainsi des contraintes syntaxiques qui permettent aux interpréteurs d’exécuter le code plus facilement et donc plus rapidement.
Éviter d'effectuer des requêtes SQL à l’intérieur d’une boucle [BP_072_fr]Éviter d’effectuer des requêtes SQL à l’intérieur d’une boucle Identifiants GreenIT V2 V3 V4 55 71 72 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Réseau Description Les requêtes SQL à l’intérieur d’une boucle posent de gros problèmes de performance, et ce d’autant plus si le(s) serveur(s) SQL n’est (ne sont) pas sur la machine locale.
Mettre en cache les objets souvent accédés en JavaScript [BP_049_fr]Mettre en cache les objets souvent accédés en JavaScript Identifiants GreenIT V2 V3 V4 33 36 49 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur Description L’accès au DOM (Document Object Model) est coûteux en termes de ressources processeur (cycles CPU). Aussi, lorsque vous utilisez plusieurs fois le même élément du DOM depuis JavaScript, stockez sa référence dans une variable afin de ne pas parcourir à nouveau le DOM pour ce même élément.
Réduire les accès au DOM via JavaScript [BP_054_fr]Réduire les accès au DOM via JavaScript Identifiants GreenIT V2 V3 V4 32 42 54 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive Description L’accès au DOM (Document Object Model) via JavaScript est une procédure lourde qui consomme beaucoup de cycles processeur (CPU). Réduire autant que possible ces accès.
Compresser les fichiers CSS, JavaScript, HTML et SVG [BP_078_fr]Compresser les fichiers CSS, JavaScript, HTML et SVG Identifiants GreenIT V2 V3 V4 86 80 78 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Réseau Description Compresser les feuilles de style CSS, les bibliothèques JavaScript ainsi que les fichiers HTML pour limiter l’utilisation de la bande passante et améliorer les temps de chargement.
Optimiser les requêtes aux bases de données [BP_075_fr]Optimiser les requêtes aux bases de données Identifiants GreenIT V2 V3 V4 59 74 75 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Réseau Description La base de données est en général un composant essentiel des applications et les requêtes effectuées pour récupérer et enregistrer des données sont nombreuses; exécutées fréquemment, elles ont une influence importante sur la consommation de ressources de la solution.
Optimiser les images [BP_080_fr]Optimiser les images Identifiants GreenIT V2 V3 V4 21 76 80 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Réseau / Requêtes / Stockage Description Les images représentent souvent la majorité des octets téléchargés, après les vidéos et juste avant les bibliothèques CSS et JavaScript. Leur optimisation est donc cruciale pour réduire la bande passante consommée.
Optimiser la taille des cookies [BP_082_fr]Optimiser la taille des cookies Identifiants GreenIT V2 V3 V4 65 82 82 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 3 Ressources Economisées Réseau Description Un cookie permet de maintenir un état entre le navigateur de l’internaute et le serveur web distant grâce à une donnée partagée. Cette donnée est transféré dans chaque requête HTTP.
Utiliser les compartiments CSS [BP_4004_fr]Utiliser les compartiments CSS Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 2 4 Ressources Economisées Processeur Description Le CSS Containment (ou compartimentation CSS) indique qu’un nœud et son contenu sont, autant que possible, indépendants du reste de l’arborescence de la page. En fonction du type d’indépendance (strict, content, size, layout, style et/ou paint) de la propriété contain, le navigateur :
Fournir une alternative textuelle aux contenus multimédias [BP_4005_fr]Fournir une alternative textuelle aux contenus multimédias Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 5 Ressources Economisées Réseau Description Le texte, même mise en forme en HTML/CSS, utilise beaucoup moins de bande passante que des formats multimédias comme l’audio ou la vidéo. Fournir aux utilisateurs une alternative textuelle à ces contenus leur permet s’ils le souhaitent de lire plutôt que d’écouter ou de visionner, et donc de transférer moins de données.
Économiser de la bande passante grace à un ServiceWorker [BP_4007_fr]Économiser de la bande passante grace à un ServiceWorker Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Réseau Description La plupart des pages partagent une structure commune encadrant le “contenu utile”. À l’exception du <title> et quelques métadonnées de l’entête, il serait donc assez facile de les reconstituer par concaténation de trois ressources : une entête et un pied de page commun à toutes les pages, et le contenu propre à chacune.
Assurer la compatibilité avec les plus anciens appareils et logiciels du parc [BP_4009_fr]Assurer la compatibilité avec les plus anciens appareils et logiciels du parc Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal PO/AMOA Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 5 Ressources Economisées Déchets électroniques Description Il faut s’assurer de la compatibilité du site avec les plus anciens matériels et logiciels que les utilisateurs peuvent possèder. Les pages doivent être utilisables sur les configurations les plus contraignantes : pas de mises en page cassées, de boutons inactifs, d’erreurs affichées ou autre problème empêchant la lecture ou la navigation.
Limiter le recours aux canvas [BP_4013_fr]Limiter le recours aux canvas Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 4 Ressources Economisées Processeur / Réseau Description L’élément HTML canvas est initialement conçu pour dessiner des graphiques, réaliser des jeux ou générer des images à la volée via des API JavaScript. Comme chaque script, l’utilisation de canvas a un impact significatif sur les besoins de ressources machines (CPU et/ou GPU) augmentant ainsi une mauvaise expérience utilisateur sur les machines les moins puissantes et entrenant également une surconsommation d’énergie.
Ne charger des données/du code que lorsqu'elles sont/il est nécessaire [BP_4017_fr]Ne charger des données/du code que lorsqu’elles sont/il est nécessaire Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 5 Ressources Economisées Requêtes Description Pour des raisons de performance perçue, il peut être tentant de précharger des ressources qui pourraient être utilisée si une action spécifique est effectuée par l’utilisateur (y compris une navigation vers une autre page).
Éviter les temps de blocages par des traitements javascript trop longs [BP_4020_fr]Éviter les temps de blocages par des traitements javascript trop longs Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur Description Un navigateur comporte un processus qui transforme le code en une page web. Il doit accomplir plusieurs tâches avant de pouvoir afficher la page :
Bien choisir son thème et limiter le nombre d'extensions dans un CMS [BP_4037_fr]Bien choisir son thème et limiter le nombre d’extensions dans un CMS Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Réseau Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 3 Ressources Economisées Réseau / Stockage Description Lors de l’utilisation d’un CMS, le choix du thème est primordial. A l’installation de votre thème, celui ci ajoute des extensions et parfois intègre un constructeur de pages.
Sécuriser l'accès à l'administration [BP_4038_fr]Sécuriser l’accès à l’administration Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 3 Ressources Economisées Réseau Description Lors de l’utilisation de CMS largement connus, le chemin d’accès à l’administration du site est souvent identique d’un site à l’autre. Cette remarque est vraie pour tous les sites utilisant une interface d’administration avec un chemin d’accès classique.
Ne pas afficher les documents à l'intérieur des pages [BP_4039_fr]Ne pas afficher les documents à l’intérieur des pages Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 3. Réalisation (fabrication / développement) Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 1 4 Ressources Economisées Réseau Description Certains rédacteurs de contenu éprouvent parfois le besoin d’intégrer des documents à l’intérieur des pages, en visualisation directe. Cela nécessite un développement spécifique pour une fonctionnalité malvenue. En effet, le chargement d’un document, à l’intérieur d’un contenu, est non voulu par l’utilisateur si son système en permet l’affichage.
Limiter le nombre de domaine servant les ressources [BP_018_fr]Limiter le nombre de domaines servant les ressources Identifiants GreenIT V2 V3 V4 170 55 18 Catégories Cycle de vie Tiers Responsable 4. Production Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 4 Ressources Economisées Requêtes Description Lorsqu’un site web ou un service en ligne héberge les composants d’une page web sur plusieurs domaines, le navigateur doit établir une connexion HTTP avec chacun de ces domaines.
Utiliser tous les niveaux de cache du CMS [BP_057_fr]Utiliser tous les niveaux de cache du CMS Identifiants GreenIT V2 V3 V4 60 57 57 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Mémoire vive Description Si le CMS (comme Wordpress, Drupal, eZ Publish…) propose un système de cache à plusieurs niveaux, utiliser ces différents niveaux car leur granularité permet de réduire les ressources consommées (cycles CPU, mémoire) et d’offrir de bonnes performances à l’utilisateur.
Supprimer tous les warning et toutes les notices [BP_070_fr]Supprimer tous les warning et toutes les notices Identifiants GreenIT V2 V3 V4 51 65 70 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 2 3 2 Ressources Economisées Processeur / Stockage Description Les warnings et notices ralentissent les serveurs d’applications tels que PHP, car ces derniers doivent retracer l’origine des erreurs et inscrire dans les différents journaux système les messages expliquant les problèmes rencontrés.
Minifier les fichiers CSS, JavaScript, HTML et SVG [BP_077_fr]Minifier les fichiers CSS, JavaScript, HTML et SVG Identifiants GreenIT V2 V3 V4 12 78 77 Catégories Cycle de vie Tiers Responsable 4. Production Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Réseau Description Utiliser un outil de minification CSS, JavaScript, HTML et SVG permet de supprimer les espaces inutiles, les commentaires des développeurs, les sauts de ligne, les délimiteurs de blocs et ainsi réduire leur taille.
Combiner les fichiers CSS et JavaScript [BP_079_fr]Combiner les fichiers CSS et JavaScript Identifiants GreenIT V2 V3 V4 89 81 79 Catégories Cycle de vie Tiers Responsable 4. Production Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Requêtes Description La combinaison de feuilles de style CSS ou de bibliothèques JavaScript permet de réduire le nombre de requêtes HTTP. Exemples Dans Wordpress, le plugin gratuit, Autoptimize, permet de combiner simplement les fichiers CSS.
Favoriser HSTS Preload list aux redirections 301 [BP_084_fr]Favoriser HSTS Preload list aux redirections 301 Identifiants GreenIT V2 V3 V4 1060 84 Catégories Cycle de vie Tiers Responsable 4. Production Réseau Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Réseau / Requêtes Description Le HSTS permet d’indiquer à n’importe quel navigateur, via un header de réponse HTTP gardé en cache que le domaine doit exclusivement être contacté en HTTPS. Cela permet aux requêtes suivantes, émises sur le même domaine, d’être exclusivement contactées avec le protocole HTTPS, ce qui évite une multitude de redirections 301.
Choisir un hébergeur "éco-responsable" [BP_086_fr]Choisir un hébergeur “éco-responsable” Identifiants GreenIT V2 V3 V4 66 84 86 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 3 Ressources Economisées Déchets électroniques / Consommation électrique / Émissions de gaz à effet de serre Description Préférer un hébergeur qui combine des serveurs économes à une alimentation sans énergie fossile (pétrole, gaz, charbon) basé principalement sur des sources d’énergies renouvelables.
Privilégier un fournisseur d'électricité écoresponsable [BP_087_fr]Privilégier un fournisseur d’électricité écoresponsable Identifiants GreenIT V2 V3 V4 67 85 87 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 2 Ressources Economisées Émissions de gaz à effet de serre Description Pour alimenter vos équipements numériques, utilisez autant que possible une électricité ayant le minimum d’impacts environnementaux lors de sa production (ex: hydraulique). À ce jour, il n’existe pas de mécanisme solide garantissant que l’électricité que vous consommez a été produite avec des impacts plus faibles.
Adapter la qualité de service et le niveau de disponibilité [BP_088_fr]Adapter la qualité de service et le niveau de disponibilité Identifiants GreenIT V2 V3 V4 501 86 88 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 3 2 4 Ressources Economisées Consommation électrique Description La qualité de service (QoS pour Quality of Service) et le niveau de disponibilité (SLA pour Service Level Agreement) doivent être déterminés avec les utilisateurs du site web ou du service en ligne.
Utiliser des serveurs virtualisés [BP_089_fr]Utiliser des serveurs virtualisés Identifiants GreenIT V2 V3 V4 70 87 89 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive Description La virtualisation est une technologie permettant de créer et d’exécuter des représentations virtuelles d’un ordinateur sur une ou plusieurs machines physiques. Le logiciel en charge de la virtualisation se charge d’allouer les ressources entre les différents environnements virtuels en fonction de leurs besoins.
Optimiser l'efficacité énergétique des serveurs [BP_090_fr]Optimiser l’efficacité énergétique des serveurs Identifiants GreenIT V2 V3 V4 68 88 90 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 3 Ressources Economisées Consommation électrique Description À service rendu identique, il est possible de réduire la consommation électrique des serveurs en choisissant des équipements peu énergivores. Exemple Lors de l’achat, privilégier des serveurs équipés d’une alimentation électrique conforme à l’écolabel 80Plus (niveaux Platinum et Titanium).
Installer le minimum requis sur le serveur [BP_091_fr]Installer le minimum requis sur le serveur Identifiants GreenIT V2 V3 V4 74 89 91 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 3 Ressources Economisées Processeur / Mémoire vive / Stockage Description Désinstaller tous les services qui ne sont pas indispensables au bon fonctionnement du site. Cette mesure supprimera nécessairement des daemons (agents et services fonctionnant en permanence en mémoire), qui sont consommateurs de ressources, notamment en cycles CPU et en mémoire vive.
Mettre les caches entièrement en RAM (opcode et kvs) [BP_092_fr]Mettre les caches entièrement en RAM (opcode et kvs) Identifiants GreenIT V2 V3 V4 85 90 92 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 3 Ressources Economisées Processeur / Stockage Description Les systèmes de cache doivent être, autant que possible, montés entièrement en mémoire vive (RAM). Cette mesure permet d’éviter des entrées/sorties sur les disques durs, ainsi que des cycles CPU pour les gérer.
Stocker les données dans le cloud [BP_093_fr]Stocker les données dans le cloud Identifiants GreenIT V2 V3 V4 71 92 93 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 2 3 2 Ressources Economisées Stockage Description Pour optimiser l’espace de stockage nécessaire aux ressources d’un site web ou d’un service en ligne, il peut être intéressant d’utiliser des solutions de cloud computing. Ainsi, tout en disposant d’une solution évolutive (elastic en anglais), on ne monopolise pas de ressources inutilement.
Héberger les ressources (CSS/JS) sur un domaine sans cookie [BP_094_fr]Héberger les ressources (CSS/JS) sur un domaine sans cookie Identifiants GreenIT V2 V3 V4 73 96 94 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 4 Ressources Economisées Réseau Description Les images, feuilles de style CSS et fichiers JavaScript doivent être hébergés sur un domaine sans cookies. Cela évite au navigateur d’envoyer un cookie pour chaque ressource… alors qu’il est inutile.
Utiliser un serveur asynchrone [BP_097_fr]Utiliser un serveur asynchrone Identifiants GreenIT V2 V3 V4 77 94 97 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 4 Ressources Economisées Processeur / Mémoire vive Description Les serveurs (web, d’applications, etc.) tels que Nginx, node.js ou Gwan sont conçus pour utiliser le minimum de ressources possible. Grâce à leur fonctionnement en mode asynchrone, ils ne sont pas tenus de créer un processus ou un thread pour chaque requête.
Utiliser un CDN [BP_098_fr]Utiliser un CDN Identifiants GreenIT V2 V3 V4 75 102 98 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Mémoire vive Description Certains fichiers comme les bibliothèques JavaScript, les feuilles de style CSS, les images, etc., sont gourmands en ressources réseau, car ils sont généralement nombreux et de petite taille. C’est pourquoi il est conseillé d’utiliser les CDN (Content Delivery Network), qui rapprochent physiquement ces fichiers des internautes, générant de ce fait un gain important de bande passante et un meilleur temps de réponse.
Utiliser un cache HTTP [BP_099_fr]Utiliser un cache HTTP Identifiants GreenIT V2 V3 V4 72 103 99 Catégories Cycle de vie Tiers Responsable 4. Production Réseau Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 5 Ressources Economisées Processeur / Mémoire vive Description Les reverse proxies (Varnish, Squid ou Nginx) sont optimisés pour servir du contenu (pages HTML, images, etc.) de façon rapide, tout en consommant le moins de cycles CPU possible.
Ajouter des entêtes Expires ou Cache-Control [BP_101_fr]Ajouter des entêtes Expires ou Cache-Control Identifiants GreenIT V2 V3 V4 78 105 101 Catégories Cycle de vie Tiers Responsable 4. Production Réseau Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Réseau / Mémoire vive / Requêtes Description Les en-têtes Expires et Cache-Control définissent la durée pendant laquelle un navigateur doit conserver une ressource dans son cache. Il faut donc en prévoir et les configurer correctement pour les feuilles de style CSS, les scripts JavaScript et les images.
Mettre en cache les réponses Ajax [BP_102_fr]Mettre en cache les réponses Ajax Identifiants GreenIT V2 V3 V4 91 107 102 Catégories Cycle de vie Tiers Responsable 4. Production Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 2 4 Ressources Economisées Réseau / Requêtes Description Les réponses Ajax qui seront inchangées dans un futur proche ne doivent pas être redemandées au serveur. Par conséquent, les mettre en cache pour économiser de la bande passante.
Réduire au nécessaire les logs des serveurs [BP_103_fr]https://gr491.isit-europe.org/search.php?search=cache&go=Rechercher&famille=&inc= Réduire au nécessaire les logs des serveurs Identifiants GreenIT V2 V3 V4 82 99 103 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 3 Ressources Economisées Processeur / Mémoire vive / Stockage Description Les logs des serveurs (web, applicatif, base de données) pouvant devenir très volumineux, il est recommandé de les configurer dans leur ensemble. En réglant au plus juste le niveau log de l’application (exemple: uniquement information/warning/error) et en ne traçant que les informations pertinentes, on évite des écritures sur le disque qui peuvent être massives, ce qui limite la consommation de cycles CPU et réduit l’espace de stockage nécessaire.
Désactiver le DNS lookup d’Apache [BP_104_fr]Désactiver le DNS lookup d’Apache Identifiants GreenIT V2 V3 V4 84 100 104 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 3 Ressources Economisées Processeur / Réseau Description À chaque fois qu’un serveur web reçoit une requête HTTP, il enregistre cette information dans un log, en traduisant généralement l’adresse IP de l’internaute en nom de domaine. Cette conversion (DNS Lookup) constitue l’un des goulots d’étranglement du serveur HTTP Apache.
Apache Vhost : désactiver le AllowOverride [BP_105_fr]Apache Vhost : désactiver le AllowOverride Identifiants GreenIT V2 V3 V4 81 101 105 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 3 Ressources Economisées Processeur Description Lorsque la directive AllowOverride est activée, le serveur HTTP Apache doit remonter toute la hiérarchie des répertoires pour, peut-être, y trouver un fichier .htaccess contenant des règles de surcharge. C’est pourquoi il est conseillé de désactiver si possible cette directive dans la configuration d’Apache.
Privilégier HTTP/2 à HTTP/1 [BP_4006_fr]Privilégier HTTP/2 à HTTP/1 Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 4. Production Réseau Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Réseau Description Le protocole HTTP/2 a troqué la représentation textuelle des requêtes et réponses pour une représentation binaire avec un mécanisme de compression des entêtes HTTP (HPACK). Il permet aussi le multiplexage des échanges, permettant de n’utiliser qu’une seule connexion TCP (et donc un seul handshake TLS) avec le serveur, et ainsi tirer le meilleur avantage de HPACK.
Mettre en place un sitemap efficient [BP_4008_fr]Mettre en place un sitemap efficient Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 4. Production Utilisateur/Terminal Référenceur (SEO) Indications Degré de priorité Mise en oeuvre Impact écologique 2 3 2 Ressources Economisées Réseau / Requêtes Description Le sitemap (plan du site) permet de faciliter l’indexation des pages et des contenus d’un site web par les moteurs de recherche. Un sitemap non mis à jour peut contenir des urls qui n’ont plus raison d’y être car elles font référence à des pages ou des contenus peu visités et peu utiles.
Mettre en place une politique d'expiration et suppression des données [BP_4012_fr]Mettre en place une politique d’expiration et suppression des données Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Stockage / Requêtes Description Depuis la mise en place du RGPD par la CNIL, il est obligatoire de supprimer les données personnelles d’un utilisateur après une durée définie d’après plusieurs conditions.
S’appuyer sur les services managés [BP_4034_fr]S’appuyer sur les services managés Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 4. Production Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 2 3 2 Ressources Economisées Processeur / Mémoire vive / Stockage Description Les plateformes cloud sont spécialisées dans la mise en place d’infrastructures résilientes, scallables, efficientes, sécurisées et mutualisées. Elles proposent des services managés reposant sur ces infrastructures comme :
Éviter d'utiliser des images matricielles pour l'interface [BP_035_fr]Éviter d’utiliser des images matricielles pour l’interface Identifiants GreenIT V2 V3 V4 161 21 35 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Réseau Description Choisir le bon format d’image est crucial pour éviter de transporter des octets inutilement et économiser ainsi de la bande passante. Par ailleurs, avec la multiplication des terminaux, des tailles d’écran et l’augmentation de leur résolution, une approche vectorielle doit être privilégiée par rapport à des images matricielles.
Optimiser les images vectorielles [BP_036_fr]Optimiser les images vectorielles Identifiants GreenIT V2 V3 V4 1050 22 36 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Réseau Description Les navigateurs modernes sont tous compatibles avec le format d’image vectorielle SVG (Scalable Vector Graphics), basé sur un ensemble de vecteurs décrits en XML. Les images SVG ont deux avantages indéniables : d’une part, elles peuvent être réduites et agrandies à l’infini sans dégradation de qualité ; d’autre part, elles sont, la plupart du temps, moins lourdes que des images bitmap.
Optimiser et générer les médias avant importation sur un CMS [BP_058_fr]Optimiser et générer les médias avant importation sur un CMS Identifiants GreenIT V2 V3 V4 99 58 58 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Mémoire vive / Réseau / Stockage Description Les CMS les plus connus proposent de nombreuses fonctionnalités pour optimiser (compresser, redimensionner, etc.) et générer vos médias (images, pdf, documents, audios et vidéos) souvent via l’installation de plugins ou extensions.
Encoder les sons en dehors du CMS [BP_060_fr]Encoder les sons en dehors du CMS Identifiants GreenIT V2 V3 V4 96 60 60 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Mémoire vive / Réseau / Stockage Description Adapter et optimiser les sons en dehors du site web. Cette mesure permet d’économiser beaucoup de bande passante et soulagera la CPU et la mémoire vive, car un serveur web n’est pas optimisé pour le (ré)encodage des fichiers audio.
Compresser les documents [BP_107_fr]Compresser les documents Identifiants GreenIT V2 V3 V4 97 108 107 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 2 4 Ressources Economisées Réseau / Stockage Description Compresser tous les documents pouvant être téléchargés depuis une page web, sauf si la compression n’apporte pas un gain évident (par exemple, cas d’un PDF parfaitement optimisé pour le Web). Exemple Un document au format DOC pesant 7,8 Mo ne pèse plus que 5,5 Mo une fois compressé, soit un gain de 30 % (compression WinZip par défaut).
Optimiser les PDF [BP_108_fr]Optimiser les PDF Identifiants GreenIT V2 V3 V4 98 109 108 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Réseau / Stockage Description S’assurer, avant leur mise en ligne, que les PDF sont réellement optimisés pour le Web : taux d’échantillonnage et de compression des images, polices incorporées, résolution… Le cas échéant, proposer le téléchargement des PDF chapitre par chapitre.
Limiter les e-mails lourds et redondants [BP_109_fr]Limiter les e-mails lourds et redondants Identifiants GreenIT V2 V3 V4 102 110 109 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Réseau / Requêtes Description Les e-mails sont sauvegardés et dupliqués sur les disques du fournisseur d’e-mail. Il convient de raisonner l’envoi d’e-mail automatiques (ex: newsletters, gestion client, suivi de commande) en limitant leur nombre, les pièces jointes et le nombre de destinataires.
Limiter la taille des e-mails envoyés [BP_111_fr]Limiter la taille des e-mails envoyés Identifiants GreenIT V2 V3 V4 104 112 111 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Réseau / Requêtes Description Lorsqu’une notification, une alerte ou un message de confirmation doit être envoyé par e-mail à l’utilisateur, limiter la taille du courriel envoyé. Éviter les pièces jointes et les images intégrées.
Adapter les sons aux contextes d'écoute [BP_112_fr]Adapter les sons aux contextes d’écoute Identifiants GreenIT V2 V3 V4 95 113 112 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 3 Ressources Economisées Réseau Description Les fichiers audio peuvent être volumineux et consommateurs de bande passante. Aussi est-il indispensable d’en optimiser le poids. Privilégier 3 formats couvrant les 3 grandes plates-formes (Windows, Mac OS X et Linux) :
Adapter les textes au web [BP_113_fr]Adapter les textes au web Identifiants GreenIT V2 V3 V4 100 114 113 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Mémoire vive / Réseau Description Ecrire des textes courts à l’aide d’un style direct. Favoriser la concision des idées exprimées, quitte à développer le propos sur plusieurs pages si le contenu est très long et/ou intègre beaucoup de notions différentes.
Adapter les vidéos aux contextes de visualisation [BP_114_fr]Adapter les vidéos aux contextes de visualisation Identifiants GreenIT V2 V3 V4 92 115 114 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 2 3 Ressources Economisées Processeur / Réseau Description Prévoir plusieurs formats (taille, frame rate, compression audio, etc.) selon le contexte de lecture des vidéos (ordinateur de bureau, tablette Wi-Fi, smartphone EDGE. ). L’optimisation des vidéos doit être réalisée en dehors du site web, idéalement lors de la postproduction.
Limiter les outils d'analytics et les données collectées [BP_4001_fr]Limiter les outils d’analytics et les données collectées Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Réseau / Stockage Description Les outils utilisés pour suivre les actions des utilisateurs utilisent souvent beaucoup de ressources coté client : requêtes nombreuses, fichiers javascripts supplémentaires chargés, utilisation de plusieurs domaines additionnels, envoi de cookie, …
Limiter l'utilisation des GIFs animés [BP_4002_fr]Limiter l’utilisation des GIFs animés Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 3 Ressources Economisées Processeur / Mémoire vive / Stockage / Réseau Description Le gif animé, format image animée datant de 1995, est plus lourd et plus lent que d’autres formats tels que les formats vidéo webm ou le mp4. Le webp animé est moindre dans son gain de poids et est actuellement peu supporté par les navigateurs.
Éviter la lecture et le chargement automatique des vidéos et des sons [BP_4003_fr]Éviter la lecture et le chargement automatique des vidéos et des sons Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 4 3 4 Ressources Economisées Processeur / Réseau / Requêtes Description L’activation automatique des vidéos et des sons (auto play) au chargement des pages web implique une utilisation de ressources sur chaque tiers (terminal, réseau, datacenter).
Entretenir son site régulièrement [BP_4036_fr]Entretenir son site régulièrement Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 5. Utilisation Utilisateur/Terminal Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 4 4 4 Ressources Economisées Processeur / Mémoire vive / Réseau / Stockage Description Entretenir son site régulièrement est essentiel non seulement pour garantir son bon fonctionnement et améliorer l’expérience utilisateur, mais aussi pour réduire son empreinte environnementale. Avec le temps, le contenu et les fonctionnalités de son site s’accumulent, et le risque d’afficher et stocker des informations inutiles, obsolètes voire contre-productives s’intensifie.
Éviter les redirections [BP_095_fr]Éviter les redirections Identifiants GreenIT V2 V3 V4 45 97 95 Catégories Cycle de vie Tiers Responsable 6. Support / maintenance Réseau Architecte Logiciel/Développeur Indications Degré de priorité Mise en oeuvre Impact écologique 3 3 4 Ressources Economisées Processeur / Réseau / Stockage Description Les redirections dégradent le temps de réponse, tout en consommant des ressources inutilement. Il faut donc les éviter autant que possible. Ces redirections peuvent avoir lieu à différents niveaux : code HTML, code JavaScript, serveur HTTP et serveur d’applications (PHP, etc.
Désactiver les logs binaires [BP_106_fr]Désactiver les logs binaires Identifiants GreenIT V2 V3 V4 83 93 106 Catégories Cycle de vie Tiers Responsable 6. Support / maintenance Datacenter Administrateur systèmes Indications Degré de priorité Mise en oeuvre Impact écologique 2 2 2 Ressources Economisées Processeur / Mémoire vive / Stockage Description Les logs binaires du serveur MySQL ou MariaDB peuvent devenir très volumineux, consommant des cycles CPU tout en générant des entrées-sorties (I/O) sur le disque dur, puisque chaque requête de modification/suppression est inscrite dans le fichier de log.
Mettre en place un plan de fin de vie du site [BP_085_fr]Mettre en place un plan de fin de vie du site Identifiants GreenIT V2 V3 V4 1030 85 Catégories Cycle de vie Tiers Responsable 7. Fin de vie Datacenter PO/AMOA Indications Degré de priorité Mise en oeuvre Impact écologique 3 2 3 Ressources Economisées Processeur / Mémoire vive / Réseau / Requêtes / Stockage Description La plupart des environnements (POC - proof of concept, tests, recette, …) finissent par tomber en désuétude et ne sont plus nécessaires.
Avoir une stratégie de fin de vie des contenus [BP_4031_fr]Avoir une stratégie de fin de vie des contenus Identifiants GreenIT V2 V3 V4 Catégories Cycle de vie Tiers Responsable 7. Fin de vie Datacenter Utilisateur Indications Degré de priorité Mise en oeuvre Impact écologique 3 4 3 Ressources Economisées Stockage Description Les contenus multimédias (images, sons, vidéos) peuvent permettre d’améliorer l’expérience utilisateur et de rendre le service plus efficacement. Sur des sites web où l’information est vivante (ex: e-commerce, journalistique, événementiels), ces contenus sont très utilisés.