Grille des critères Éco-conception web/les 100 bonnes pratiques

Grille des critères Éco-conception web/les 100 bonnes pratiques - version H.C. 1.0 du 04/09/2015
n°	niv.	critère ou test	v.
Page :
Conception [ haut ]
1.1		ARCHITECTURE	critère 1.1
1.1.1	Br.	Choisir les technologies les plus adaptées	test 1.1.1
1.1.2	Ar.	Utiliser un framework ou développer sur mesure	test 1.1.2
1.1.3	Ar.	Favoriser les pages statiques	test 1.1.3
1.1.4	Br.	Utiliser certains forks applicatifs orientés « performance »	test 1.1.4
1.2		DESIGN	critère 1.2
1.2.1	Br.	Favoriser un design simple, épuré et adapté au Web	test 1.2.1
1.2.2	Ar.	Créer un site « responsive »	test 1.2.2
Templating [ haut ]
2.1		HTML	critère 2.1
2.1.1	Br.	Externaliser les CSS et JavaScript	test 2.1.1
2.1.2	Ar.	Valider les pages auprès du W3C	test 2.1.2
2.2		CSS	critère 2.2
2.2.1	Br.	Découper les CSS	test 2.2.1
2.2.2	Br.	Limiter le nombre de CSS et les compresser	test 2.2.2
2.2.3	Br.	Préférer les CSS aux images	test 2.2.3
2.2.4	Br.	Minifier les fichiers CSS	test 2.2.4
2.2.5	Br.	Écrire des sélecteurs CSS efficaces	test 2.2.5
2.2.6	Br.	Grouper les déclarations CSS similaires	test 2.2.6
2.2.7	Br.	Utiliser les notations CSS abrégées	test 2.2.7
2.2.8	Br.	Toujours fournir une CSS print	test 2.2.8
2.2.9	Br.	Utiliser les commentaires conditionnels	test 2.2.9
2.2.10	Ar.	Générer des spritesheets CSS	test 2.2.10
2.2		POLICES	critère 2.2
2.2.1	Br.	Favoriser les polices standards	test 2.2.1
2.2.2	Ar.	Préférer les glyphes aux images	test 2.2.2
2.3		IMAGES	critère 2.3
2.3.1	Br.	Optimiser les images	test 2.3.1
2.3.2	Br.	Mettre en cache le favicon.ico	test 2.3.2
2.3.3	Br.	Supprimer les balises images dont l'attribut SRC est vide	test 2.3.3
Code client [ haut ]
3.1		GÉNÉRAL	critère 3.1
3.1.1	Br.	Limiter le recours aux plug-ins	test 3.1.1
3.1.2	Br.	Éviter d'utiliser eval()	test 3.1.2
3.1.3	Br.	Préférer les fonctions aux strings, en argument à setTimeout() et setInterval()	test 3.1.3
3.1.4	Ar.	Limiter l'utilisation de setTimeout()	test 3.1.4
3.1.5	Ar.	Respecter le principe de navigation rapide dans l'historique	test 3.1.5
3.1.6	Ar.	Éviter les boucles for...in	test 3.1.6
3.1.7	Or	Éviter d'utiliser try...catch...finally	test 3.1.7
3.1.8	Or	Utiliser les opérations primitives	test 3.1.8
3.2		JAVASCRIPT	critère 3.2
3.2.1	Br.	Mettre en cache les objets souvent accédés en JavaScript	test 3.2.1
3.2.2	Br.	Modifier plusieurs propriétés CSS en une seule fois	test 3.2.2
3.2.3	Br.	Valider le code JavaScript avec JSLint	test 3.2.3
3.2.4	Ar.	Privilégier les changements visuels instantanés	test 3.2.4
3.2.5	Or	Privilégier les variables locales	test 3.2.5
3.2.6	Or	Privilégier les fonctions anonymes	test 3.2.6
3.2.7	Or	Utiliser le concaténateur de chaînes de façon optimale	test 3.2.7
3.2.8	Or	Utiliser Ajax pour les zones de contenu souvent mises à jour	test 3.2.8
3.3		DOM	critère 3.3
3.3.1	Br.	Utiliser la délégation d'événements	test 3.3.1
3.3.2	Br.	Réduire au maximum le repaint (appearence) et le reflow (layout)	test 3.3.2
3.3.3	Br.	Ne pas modifier le DOM lorsqu'on le traverse	test 3.3.3
3.3.4	Ar.	Rendre les éléments du DOM invisibles lors de leur modification	test 3.3.4
Code serveur [ haut ]
4.1		GÉNÉRAL	critère 4.1
4.1.1	Br.	Éviter les redirections	test 4.1.1
4.1.2	Br.	Ne pas générer de page 404	test 4.1.2
4.1.3	Br.	Mettre en cache les données calculées souvent utilisées	test 4.1.3
4.1.4	Br.	Utiliser des variables statiques	test 4.1.4
4.1.5	Br.	Libérer de la mémoire les variables qui ne sont plus nécessaires	test 4.1.5
4.1.6	Br.	Ne pas appeler de fonction dans la déclaration d'une boucle de type for	test 4.1.6
4.1.7	Br.	Supprimer tous les warnings et toutes les notices	test 4.1.7
4.1.8	Ar.	Utiliser la méthode GET pour les requêtes Ajax	test 4.1.8
4.1.9	Or	Ne pas assigner inutilement de valeurs aux variables	test 4.1.9
4.2		SQL	critère 4.2
4.2.1	Br.	Éviter d'effectuer des requêtes SQL à l'intérieur d'une boucle	test 4.2.1
4.2.2	Br.	Ne se connecter à une base de données que si nécessaire	test 4.2.2
4.2.3	Br.	Ne jamais écrire de SELECT * FROM	test 4.2.3
4.2.4	Br.	Limiter le nombre de résultats	test 4.2.4
4.2.5	Br.	Utiliser les procédures stockées	test 4.2.5
4.3		CMS	critère 4.3
4.3.1	Br.	Utiliser tous les niveaux de cache du CMS	test 4.3.1
4.4		HTML	critère 4.4
4.4.1	Or	Utiliser un moteur de templating	test 4.4.1
4.5		PHP	critère 4.5
4.5.1	Or	Utiliser la simple quote (') au lieu du guillemet (")	test 4.5.1
4.5.2	Or	Remplacer les $i++ par des ++$i	test 4.5.2
4.5.3	Br.	Mettre en cache le bytecode	test 4.5.3
4.6		COOKIES	critère 4.6
4.6.1	Or	Optimiser la taille des cookies	test 4.6.1
Hébergement [ haut ]
5.1		INFRASTRUCTURE	critère 5.1
5.1.1	Br.	Choisir un hébergeur « vert »	test 5.1.1
5.1.2	Br.	Utiliser une électricité « verte »	test 5.1.2
5.1.3	Br.	Optimiser l'efficacité énergétique des serveurs	test 5.1.3
5.1.4	Br.	Privilégier les serveurs équipés de mémoires SSD	test 5.1.4
5.1.5	Or	Utiliser des serveurs virtualisés	test 5.1.5
5.1.6	Or	Stocker les données dans le cloud	test 5.1.6
5.2		ARCHITECTURE	critère 5.2
5.2.1	Br.	Utiliser un reverse proxy	test 5.2.1
5.2.2	Br.	Héberger les ressources sur un domaine sans cookies	test 5.2.2
5.2.3	Br.	Installer uniquement les services indispensables sur le serveur	test 5.2.3
5.2.4	Ar.	Utiliser un CDN	test 5.2.4
5.2.5	Ar.	Utiliser un serveur asynchrone	test 5.2.5
5.3		PARAMÉTRAGE	critère 5.3
5.3.1	Br.	Ajouter des en-têtes Expires ou Cache-Control	test 5.3.1
5.3.2	Br.	Compresser la sortie HTML	test 5.3.2
5.3.3	Br.	Utiliser les ETags	test 5.3.3
5.3.4	Br.	Désactiver la directive Allowoverride d'Apache	test 5.3.4
5.3.5	Ar.	Désactiver certains logs d'accès du serveur web	test 5.3.5
5.3.6	Ar.	Désactiver les logs binaires de MySQL ou MariaDB	test 5.3.6
5.3.7	Ar.	Désactiver le DNSLookup d'Apache	test 5.3.7
5.4		OPTIMISATION	critère 5.4
5.4.1	Br.	Monter les caches entièrement en RAM	test 5.4.1
5.4.2	Br.	Compresser les feuilles de style CSS et les bibliothèques JavaScript	test 5.4.2
5.4.3	Br.	Minifier les fichiers JavaScript	test 5.4.3
5.4.4	Br.	Combiner les fichiers CSS et les fichiers JavaScript	test 5.4.4
5.4.5	Ar.	Limiter le recours aux certificats SSL	test 5.4.5
5.4.6	Or	Mettre en cache les réponses Ajax	test 5.4.6
Contenu [ haut ]
6.1		VIDÉOS	critère 6.1
6.1.1	Br.	Adapter les vidéos aux contextes de visualisation	test 6.1.1
6.2		IMAGES	critère 6.2
6.2.1	Br.	Redimensionner les images en dehors du code HTML	test 6.2.1
6.2.2	Br.	Redimensionner les images en dehors du CMS	test 6.2.2
6.3		SONS	critère 6.3
6.3.1	Br.	Adapter les sons aux contextes d'écoute	test 6.3.1
6.3.2	Br.	Encoder les sons en dehors du CMS	test 6.3.2
6.4		DOCUMENTS	critère 6.4
6.4.1	Br.	Compresser les documents	test 6.4.1
6.4.2	Br.	Optimiser les PDF	test 6.4.2
6.4.3	Br.	Générer les PDF en dehors du CMS	test 6.4.3
6.5		TEXTES	critère 6.5
6.5.1	Ar.	Adapter les textes au Web	test 6.5.1
6.6		ANIMATIONS	critère 6.6
6.6.1	Ar.	Limiter l'utilisation de Flash	test 6.6.1
6.7		E-MAILS	critère 6.7
6.7.1	Br.	Dédoublonner les fichiers d'adresses e-mail avant envoi	test 6.7.1
6.7.2	Br.	N'utiliser que des adresses e-mail double opt-in	test 6.7.2
6.7.3	Br.	Préférer le texte brut au HTML	test 6.7.3

Organisation du contenu, mise en forme et support électronique du document présent : Copyright © 2015 Hervé CHUZEVILLE - Ce document est mis à disposition selon le Contrat "Attribution - Partage dans les Mêmes Conditions 3.0 France (CC BY-SA 3.0 FR)" disponible en ligne http://creativecommons.org/licenses/by-sa/3.0/fr/ ou par courrier postal à Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
Document basé sur le livre "Eco-conception web : les 100 bonnes pratiques" (Copyright © 2013 GreenIT.fr / Frédéric Bordage / Stéphane Bordage / Jérémy Chatard / Eyrolles. La liste des critères d'éco-conception web est la propriété de GreenIT.fr / Frédéric Bordage).

[ haut ]

WebAnalytics solution by