1. Accueil
  2. Écoconception Web
Rubrique Description
1 Conception fonctionnelle Eliminer les fonctionnalités non essentielles
2 Conception fonctionnelle Quantifier précisément le besoin
3 Conception fonctionnelle Fluidifier le processus
4 Ergonomie Préférer la saisie assistée à l'autocompletion
5 Ergonomie Respecter le principe de navigation rapide dans l’historique
6 Ergonomie Favoriser un design simple, épuré, adapté au web
7 Ergonomie Créer un site responsive
8 Conception fonctionnelle Proposer un traitement asynchrone lorsque c'est possible
9 Conception technique Limiter le nombre de requêtes HTTP
10 Conception technique Stocker les données statiques localement
11 Conception technique Choisir les technologies les plus adaptées
12 Conception technique Utiliser un framework ou développer sur mesure
13 Conception technique Limiter le recours aux plugins
14 Conception technique Limiter l'utilisation du Flash
15 Développement Valider les pages auprès du W3C
16 Développement Externaliser les CSS et JavaScript
17 Conception graphique Favoriser les polices standard
18 Conception graphique Préférer les glyphs aux images
19 Conception graphique Supprimer les balises images dont l’attribut SRC est vide
20 Conception graphique Redimensionner les images en dehors du HTML
21 Conception graphique Eviter d'utiliser des images bitmap pour l'interface
22 Conception graphique Optimiser les images vectorielles
23 Conception graphique Générer des spritesheets CSS
24 Conception graphique Découper les CSS
25 Conception graphique Limiter le nombre de CSS
26 Conception graphique Préférer les CSS aux images
27 Conception graphique Ecrire des sélecteurs CSS efficaces
28 Conception graphique Grouper les déclarations CSS similaires
29 Conception graphique Utiliser les notations CSS abrégées
30 Conception graphique Fournir une CSS print
31 Conception graphique Utiliser les commentaires conditionnels
32 Conception graphique Modifier plusieurs propriétés CSS en 1 seule fois
33 Développement Valider le code JavaScript
34 Développement Eviter d'utiliser try-catch-finally
35 Développement Utiliser les opérations primitives
36 Développement Mettre en cache les objets souvent accédés en JavaScript
37 Développement Privilégier les variables locales
38 Développement Priviliégier les fonctions inline
39 Développement Utiliser le concaténateur de chaînes de façon optimale
40 Développement Donner des fonctions en paramètre à setTimeout() et setInterval() plutôt que des string
41 Développement Eviter les for - in
42 Développement Réduire les accès au DOM via JavaScript
43 Développement Ne pas faire de modification du DOM lorsqu’on le traverse
44 Développement Rendre les éléments du DOM invisibles lors de leur modification
45 Développement Réduire au maximum le repaint (appearence) et le reflow (layout)
46 Développement Utiliser la délégation d'évènements
47 Développement Privilégier les changements visuels instantanés
48 Développement Eviter les animations Javascript / CSS coûteuses
49 Développement Utiliser Ajax pour certaines zones de contenu
50 Développement Utiliser la méthode GET pour les requêtes Ajax
51 Conception technique Favoriser les pages statiques
52 Conception technique Créer une architecture applicative modulaire
53 Conception technique Utiliser certains forks applicatifs orientés "performance"
54 Conception technique Choisir un format de données adapté
55 Conception technique Limiter le nombre de domaine servant les ressources
56 Conception technique Utiliser un système de templating (Smarty, Twig)
57 Conception technique Utiliser tous les niveaux de cache du CMS
58 Conception technique Générer les PDF en dehors du CMS
59 Conception technique Redimensionner les images en dehors du CMS
60 Conception technique Encoder les sons en dehors du CMS
61 Conception technique Mettre en cache le Bytecode
62 Conception technique Mettre en cache les données calculées souvent utilisées
63 Développement Libérer de la mémoire les variables qui ne sont plus nécessaires
64 Développement Ne pas appeler de fonction dans la déclaration d’une boucle de type for
65 Développement Supprimer tous les warning et toutes les notices
66 Développement Utiliser des variables statiques
67 Développement Eviter la ré-écriture des getter / setter natifs
68 Développement Ne pas assigner inutilement de valeur aux variables
69 Développement Utiliser la simple côte (') au lieu du guillemet (")
70 Développement Remplacer les $i++ par ++$i
71 Développement Eviter d'effectuer des requêtes SQL à l’intérieur d’une boucle
72 Développement Ne se connecter à une base de données que si nécessaire
73 Développement Ne jamais faire de SELECT * FROM
74 Développement Limiter le nombre de résultats (clause LIMIT)
75 Développement Utiliser les procédures stockées
76 Hébergement Optimiser les images bitmap
77 Hébergement N'utilisez que les portions indispensables des librairies Javascript et frameworks CSS
78 Hébergement Minifier les fichiers CSS
79 Hébergement Minifier les fichiers JavaScript
80 Hébergement Compresser les librairies CSS et Javascript
81 Hébergement Combiner les fichiers CSS et JavaScript
82 Hébergement Optimiser la taille des cookies
83 Hébergement Compresser la sortie HTML
84 Conception technique Choisir un hébergeur "vert"
85 Conception technique Utiliser une électricité "verte"
86 Conception technique Adapter la qualité de service et le niveau de disponibilité
87 Conception technique Utiliser des serveurs virtualisés
88 Conception technique Optimiser l'efficacité énergétique des serveurs
89 Conception technique Installer le minimum requis sur le serveur
90 Conception technique Mettre les caches entièrement en RAM (opcode et kvs)
91 Conception technique Privilégier les serveurs équipés de mémoires SSD
92 Conception technique Stocker les données dans le cloud
93 Hébergement Désactiver les logs binaires de MySQL / MariaDb
94 Hébergement Utiliser un serveur asynchrone
95 Hébergement Limiter le recours au SSL
96 Conception technique Héberger les ressources (CSS/JS) sur un domaine sans cookie
97 Conception technique Eviter les redirections
98 Conception technique Ne pas générer de page 404
99 Hébergement Désactiver certains logs d’accès du serveur web
100 Hébergement Désactiver le DNS lookup d’Apache
101 Hébergement Apache Vhost : désactiver le AllowOverride
102 Hébergement Utiliser un CDN
103 Hébergement Utiliser un reverse proxy
104 Hébergement Mettre en cache le favicon.ico
105 Hébergement Ajouter des entêtes Expires ou Cache-Control
106 Hébergement Configurer les ETags
107 Hébergement Mettre en cache les réponses Ajax
108 Contenu Compresser les documents
109 Contenu Optimiser les PDF
110 Contenu Dédoublonner systématiquement les fichiers avant envoi
111 Contenu N'utiliser que des fichiers double opt-in
112 Contenu Préférer le texte brut au HTML
113 Contenu Adapter les sons aux contextes d'écoute
114 Contenu Adapter les textes au web
115 Contenu Adapter les vidéos aux contextes de visualisation

Intéressé par l’éco-conception Web ? Lisez :

Eco-conception web : les 115 bonnes pratiques : Doper son site et réduire son empreinte écologique - Frédéric Bordage