Outils pour utilisateurs

Outils du site


cours2012:concepts_et_outils_pour_internet:performance_web

Voir cette page sous forme de diaporama.

Optimisation des performances des Sites WEB

Les règles de l'optimisation

  • Ne pas le faire ! sauf si :
    • Vous savez mesurer (voir outils)
    • C'est pour le code “final” (en production != développement)
    • Vous comprenez ce que vous faites (== lire la documentation)
  • Par contre :
    • Suivre les “bonnes pratiques” cela a une influence positive sur le fait de pouvoir optimiser un Site WEB.

Les outils

production != développement

  • Les recommandations suivantes sont à faire sur le code fini :
    • Regrouper les fichiers (moins de requêtes)
      • Les garder séparés pour faciliter le développement
    • “Mignifyer” les ressources
      • Le faire rend le code illisible !
  • De nombreux outils de publication le font pour vous (les configurer)

Le serveur

Se fait en paramétrant le serveur :

  • La mise en cache est le facteur le plus critique !
  • La compression aide aussi plus que “Mignifyer”

L'usage de CDN (Content Delivery Network) demande un hébergement spécial.

Les images

Attention Photoshop enregistre des fichiers non optimisés !

  • Traiter les fichiers dés la production (“découpage”)

Outils :

LE PNG32 (avec transparence)

  • Enregistrer en PNG32 peut de logiciel savent faire du (bon) PNG8
  • Convertir en PNG8 (avec transparence progressive)
cours2012/concepts_et_outils_pour_internet/performance_web.txt · Dernière modification: 2017/11/27 15:52 par pracht