Skip to content

2- Conception

  1. Eliminer les fonctionnalités non essentielles
    • Epurer le site
    • Mesurer le taux d'utilisation des fonctionnalités
  2. Quantifier précisément le besoin
    • Taille des assets
    • Taille des listes
    • Nombre de réponses à une requête
  3. Fluidifier le processus
    • Permettre au visiteur d'arriver au plus vite à ce qu'il veut
    • Limiter le nombre d'écrans
  4. Préférer la saisie assistée à l'autocompletion
    • Autocomplétion très gourmande en ressources (une requête par lettre tapée)
    • Aider l'utilisateur avec les champs de formulaire
  5. Design simple, épuré
    • Utilisation de CSS3 et HTML5
  6. Design "mobile first" ou RESS plutôt que RWD
    • Design pour petits écrans
    • On l'adapte aux grands écrans si c'est nécessaire
  7. Respecter le principe de navigation rapide dans l'historique
  8. Proposer un traitement asynchrone si possible
    • Pour les traitements lourds, ne pas les traiter à la demande mais les traiter en lots puis prévenir l'utilisateur par mail quand c'est fait.
  9. Limiter le nombre de requêtes HTTP
    • Combiner les fichiers CSS et JS
    • Combiner les images en sprites CSS
    • Glyphes et images vectorielles plutôt qu'images matricielles
    • Mettre en cache navigateur ce qui peut l'être
  10. Stocker localement les données statiques
    • Utiliser Webstorage et IndexedDB
  11. Utiliser un framework ou développer sur mesure
    • Eviter les CMS
  12. Limiter le recours aux plugins
    • Flash, Silverlight, ActiveX
  13. Favoriser les pages statiques
    • Générateurs de sites statiques
  14. Créer une architecture applicative modulaire
    • Ce que proposent les logiciels OpenSource
    • ex: LAMP
  15. Choisir les technologies les plus adaptées
    • Du moins au plus énergivore :
      1. Site statique généré par un éditeur de texte
      2. Site statique généré par générateur de site
      3. Site développé sur mesure
      4. Site développé par un Framework
      5. CMS
  16. Préférer les forks les plus performants
    • Performance = moins d'énergie consommée
    • Percona > MySQL
    • PressFlow > Drupal
  17. Choisir un format de données adapté
    • Choisir le format qui convient (ex: tinyint/smallint plutôt que int, ...)
    • Evite jusqu'à 8x la surcharge de mémoire et de cycles CPU
  18. Limiter le nombre de domaines servant les ressources
    • Limiter à www.domain.com et éventuellement media.domain.com pour les assets
  19. Remplacer les boutons officiels de partage des réseaux sociaux