[PDF] Checklist Green IT 12 mai 2022

View - Download Checklist Green IT

Previous PDF

Next PDF

1 Page

Checklist

écoconception web

Version 4

12 mai 2022

http://collectif.greenit.fr collectif@greenit.fr

2 Page

1. Licence

Licence CC-By-NC-ND

Ce document et son contenu sont mis à disposition selon les termes de la licence Creative Commons Attribution - Pas d'Utilisation Commerciale - Pas de Modification 4.0 International. Pour accéder à une copie de cette licence, merci de vous rendre à l'adresse suivante : ou envoyez un courrier à Creative Commons, 444 Castro Street, Suite 900, Mountain View,

California, 94041, USA.

Vous pouvez utiliser ce document librement pour des utilisations non commerciales, à la condition de

maintenir la paternité du contenu, via un lien vers https://collectif.greenit.fr et

https://www.ecoconceptionweb.com. Le contenu du référentiel complet publié aux éditions Eyrolles est

protégé par le droit d'auteur (http://www.culture.gouv.fr/culture/infos-pratiques/droits/protection.htm).

Vous avez l'obligation de transmettre ce document en l'état, sans modification, intégralement, en incluant les

informations contenues sur cette page. Vous ne pouvez pas créé une version alternative de ce document

(fork) sans le consentement de ses auteurs. disponible à http://collectif.greenit.fr/ et https://www.ecoconceptionweb.com

2. Informations sur ce document

Titre du document

Check-list écoconception web

Version

4.0

Auteur principal

Frédéric Bordage, GreenIT.fr

Contributeurs v1

Stéphane Bordage (Breek)

Jérémy Chatard (Breek)

Contributeurs v2

Christian Meixenberger (Banque Cantonale de Fribourg), Christian Marchand (Green IT Consulting), Stéphane Bordage (Breek), Jérémy Chatard (Breek), Frédéric Lohier (GreenIT.fr), Agence pour le Développement Et la Maîtrise de , Alliance Green IT (AGIT), Association Française Des Editeurs de Logiciel (AFDEL), CIGREF réseau de Grandes Entreprises, EcoInfo (CNRS), Agence NTIC, Agence Régionale de Développement de l'Innovation et de l'Economie (ARDIE) Bourgogne, UCM, IT-CE groupe BPCE, La Poste, Solocal Group, Jacques Bourdos (Renault°, Frédéric Cerbelaud (SNCF), Thierry Vonck (SNCF), Jean-Christophe Chaussat (Pôle Emploi), Philippe Derouette (IT-CE - groupe BPCE), Blueight, D2SI, Emeraude Créative, European Service Network (ESN), Logomotion, Neoma Interactive, Neutreo, Nxtweb, Sébastien Delorme (Atalan), Nicolas Hoizey (Clever Age), Armel Fauveau (Globalis Media Systems), Christophe Clouzeau (Neoma Interactive), Elie Sloïm (Opquast), Paul Souche (Sfeir), Aurélien Levy (Temesis), Luc Poupard (W3Qualite.net), Thomas Broyer (Atol CD)

3 Page

Contributeurs v3

Jean-Anaël Gobbe et Christophe Amelot, Aristys Web, Thomas Broyer, Atol CD, Stéphane Bordage, Breek, Jérémy Chatard, Breek, Julie Orgelet, DDemain, Christian Martin, Nüweb, Nicolas Bordier, Octo Technology, Loïs Moreira, Pôle écoconception, Romuald Priol dit " Carpano », Peaks, Vincent Courboulay, université de La rochelle,

Contributeurs v4

(cette version) Frédéric Bordage (GreenIT.fr), Nicolas Bordier (Octo), Clément Bouillier (Superindep.fr), Thomas Broyer (Atol Conseils et Développements), Florent Chavanat (Euro Information), Althéa Chevalier (Aekiden), Martin Choraine (Zenika), Christophe Clouzeau (Temesis), Denis Debarbieux (Norsys), Emmanuel Demey (IT's on us), Laurent Desgrange (Dominique Denaive Paris), Frédéric Didier (Amesys), David Groult (Emeraude Creative), Catherine Guermont), Renaud Héluin (NovaGaïa), Alexandre Kalatzis (Association Alertek), Yann Kozon (IT's on us), Franklin Lecointre (Insead), Raphaël Lemaire (Zenika), Thomas Lemaire (IT's on us), Arnaud Lemercier (Wixiweb), Ferréole Lespinasse (Cyclop Éditorial), Rémi Lukowski (Polyvia Formation), Damien Marzlin (IT's on us), Benjamin Morali (Benext), Dominique Nicolle (Pix-e), Brice Pasian (Kanso Conseil), Nicole Paul (La Félixe), Frédéric Pineau (Artwaï), Romuald Priol (Peaks), Robin Quique (BRGM), Sébastien Rufer (Angle web), Florine Sueur (So

It Rocks), François Zaninotto (Marmelab).

Date de publication

Première publication publique de ce document (v4) sous licence CC-By-NC-ND le 12 mai 2022.

4 Page

3. Check-list

ID_greenIT v3 v4 Titre Priorité

109 1 1 Ne pas retenir les fonctionnalités non essentielles 5

110 2 2 Quantifier précisément le besoin 5

4003

3 Supprimer les fonctionnalités non utilisées 5

6 6 4 Privilégier une approche "mobile first" 4

111 3 5 Optimiser le parcours utilisateur 5

4006

6 Valider le parcours utilisateur 4

112 8 7 Proposer un traitement asynchrone lorsque c'est possible 4

28 7 8 3

810 39 9 Éviter les animations Javascript / CSS 4

4010

10 Limiter le recours aux carrousels 4

4011

11 Avoir un titre de page et une metadescription pertinents 4

5 5 12 Favoriser un design simple, épuré, adapté au web 4

4013

13 Préférer la pagination au défilement infini 3

204 4 14 Préférer la saisie assistée à l'autocomplétion 3

811 40 15 N'utilisez que les portions indispensables des bibliothèques JS et CSS 4

47 64 16 Mettre en cache les données calculées souvent utilisées 4

58 76 17 Éviter le transfert de grandes quantités de données 3

3 13 18 Favoriser les pages statiques 4

4019

19 Préférer une PWA à une application mobile native similaire au site web 3

46 96 20 Afficher des pages d'erreur statiques 3

4021 0 21 Limiter le nombre d'appels aux API HTTP 4

2 11 22 Favoriser un développement sur-mesure à l'usage d'un CMS 3

4023

23 Réduire le volume de données stockées au strict nécessaire 4

56 73 24 Ne se connecter à une base de données que si nécessaire 3

4025

25 Favoriser le "Request collapsing" 2

4026

26 Mettre en place un "Circuit breaker" 2

4027

27 Mettre en place une architecture élastique 3

114 14 28 Créer une architecture applicative modulaire 3

4029

29 Utiliser la version la plus récente du langage 3

4030

30 Fournir une alternative textuelle aux contenus multimédias 4

16 27 31 Fournir une CSS print 3

19 29 32 Favoriser les polices standards 4

4033

33 Ne pas afficher les documents à l'intérieur des pages 3

40 38 34 Utiliser le rechargement partiel d'une zone de contenu 4

10 22 35 Limiter le nombre de CSS 4

9 21 36 Découper les CSS 4

11 23 37 Préférer les CSS aux images 4

4038

38 Utiliser les compartiments CSS 3

34 45 39 Modifier plusieurs propriétés CSS en 1 seule fois 3

13 24 40 Ecrire des sélecteurs CSS efficaces 3

7 32 41 Externaliser les CSS et JavaScript 4

35 46 42 Valider votre code avec un Linter 3

43 41 43 4

5 Page

44 42 44 Rendre les éléments du DOM invisibles lors de leur modification 3

4045

45 Ne charger des données ou du code que lorsque c'est indispensable 4

180 9 46 Limiter le nombre de requêtes HTTP 4

93 34 47 Ne pas redimensionner les images coté navigateur 4

21 80 48 Optimiser les images 4

20 30 49 Préférer les glyphs aux images 4

1010 37 50 Utiliser le chargement paresseux 4

42 43 51 Réduire au maximum le repaint et le reflow 4

4052

52 Eviter les blocages dus aux traitements javascript trop longs 4

33 49 53 Mettre en cache les objets souvent accédés en JavaScript 4

4054

54 Limiter le recours aux canvas 3

41 44 55 Utiliser la délégation d'évènements 3

32 54 56 Réduire les accès au DOM via JavaScript 3

4057 0 57 Assurer la compatibilité avec les anciens appareils et logiciels 4

910 19 58 Remplacer les boutons officiels de partage des réseaux sociaux 4

4059

59 Économiser la bande passante grâce aux ServiceWorker 4

8 31 60 Valider les pages auprès du W3C 3

65 82 61 Optimiser la taille des cookies 3

113 17 62 Choisir un format de données adapté 4

205 10 63 Stocker les données statiques localement 4

55 72 64 3

59 75 65 Optimiser les requêtes aux bases de données 3

1 15 66 Choisir les technologies les plus adaptées 4

4 16 67 Utiliser certains forks applicatifs orientés "performance" 3

4068

68 Bien choisir son thème et limiter les extensions dans un CMS 2

75 98 69 Utiliser un CDN 4

60 57 70 Utiliser tous les niveaux de cache du CMS 4

91 102 71 Mettre en cache les réponses Ajax 3

85 92 72 Mettre les caches entièrement en RAM 2

72 99 73 Utiliser un cache HTTP 4

78 101 74 Ajouter des entêtes Expires ou Cache-Control 4

89 79 75 Combiner les fichiers CSS et JavaScript 4

86 78 76 Compresser les fichiers texte : CSS, JS, HTML et SVG 4

12 77 77 Minifier les fichiers CSS, JavaScript, HTML et SVG 4

4078

78 Définir une politique d'expiration et suppression des données 4

71 93 79 Stocker les données dans le cloud 2

73 94 80 Héberger les ressources statiques sur un domaine sans cookie 3

170 18 81 Limiter le nombre de domaine servant les ressources 3

4082

82 Privilégier HTTP/2 à HTTP/1 4

1060 84 83 Favoriser HSTS Preload list aux redirections 301 4

84 104 84 2

77 97 85 Utiliser un serveur asynchrone 3

82 103 86 Réduire au nécessaire les logs des serveurs 2

51 70 87 Supprimer tous les warning et toutes les notices 2

81 105 88 Apache Vhost : désactiver le AllowOverride 2

4089

89 Mettre en place un sitemap efficient 2

501 88 90 Adapter la qualité de service et le niveau de disponibilité 3

6 Page

70 89 91 Utiliser des serveurs virtualisés 3

68 90 92 Optimiser l'efficacité énergétique des serveurs 2

74 91 93 Installer le minimum requis sur le serveur 3

67 87 94 Privilégier une électricité à plus faibles impacts environnementaux 3

66 86 95 Choisir un hébergeur éco-responsable 4

4096

96 S'appuyer sur les serǀices managĠs 2

99 58 97 Optimiser et générer les médias avant importation sur un CMS 4

4098

98 Limiter l'utilisation des GIFs animés 3

1050 36 99 Optimiser les images vectorielles 4

161 35 100 Eviter d'utiliser des images matricielles pour l'interface 4

103 110 101 N'utiliser que des fichiers double opt-in 2

104 111 102 Limiter la taille des emails envoyés 3

102 109 103 Limiter les emails lourds et redondants 3

96 60 104 Encoder les sons en dehors du CMS 4

95 112 105 Adapter les sons aux contextes d'écoute 2

4106

106 Éviter la lecture et le chargement automatique des vidéos et des sons 4

92 114 107 Adapter les vidéos aux contextes de visualisation 3

97 107 108 Compresser les documents 3

98 108 109 Optimiser les PDF 3

100 113 110 Adapter les textes au web 3

4111

111 Limiter les outils d'analytics et les données collectées 4

45 95 112 Eviter les redirections 3

83 106 113 Désactiver les logs binaires 2

4114

114 Avoir une stratégie de fin de vie des contenus 3

1030 85 115 Mettre en place un plan de fin de vie du site 3

quotesdbs_dbs33.pdfusesText_39

[PDF] Appendice A Guide sur les protections d assurance offertes aux employés des BNP en voyage d affaires

[PDF] CONSTITUTION D UN GROUPEMENT D ACHAT DE GAZ POUR LES COLLECTIVITÉS DE L ARDECHE ET DE LA DRÔME. Réunion communes gazières jeudi 25 septembre 2014

[PDF] CONFIGURATION AUTOMATIQUE

[PDF] Les congés de maladie dans la fonction publique fédérale

[PDF] OFFRE MODULAIRE* «Emplois d avenir» *Moins de 400 heures

[PDF] Panorama du mécénat des entreprises du CAC 40 2013

[PDF] SCM-IT Consulting. Supply Chain Management & Information Technology. Avril 2015. Hubert POULIQUEN. 32A, Avenue Pasteur 17200 SAINT SULPICE DE ROYAN

[PDF] Règlement. relatif à l'octroi de. prêts hypothécaires. aux collaborateurs actifs et retraités en Suisse

[PDF] HERMINE DE NANTES ATLANTIQUE. Avenant 2008-2009 / n 1 à la convention conclue au titre des saisons 2006-2007, 2007-2008, 2008-2009, 2009-2010

[PDF] En partenariat avec :

[PDF] À L INTENTION DE VOTRE FAMILLE

[PDF] LFI 2016 - EXTRAIT DE LA MISSION : ENGAGEMENTS FINANCIERS DE L'ÉTAT

[PDF] Politique d aménagement linguistique de l Ontario pour l éducation postsecondaire et la formation en langue française

[PDF] développe les solidarités

[PDF] United Nations Audiovisual Library of International Law