Optimisation des performances Web côté client
Pendant les Techdays 2011, une session parlait des performances web côté client ainsi que les best practices à utiliser. Si vous ne l’avez pas vu, les slides sont disponibles ici : http://www.slideshare.net/nhoizey/mstechdays-cleveragenhoizeywebperf
Voici quelques liens complémentaires trouvés sur le net pleins de conseils et d’explications :
http://www.slideshare.net/mumme/best-practices-422667
http://developer.yahoo.com/performance/rules.html
http://www.slideshare.net/kaelig/optimisation-des-performances-dun-site-web
Ainsi que des bons exemples concrets d’applications en ASP.NET rédigés par Nicolas Esprit :
http://www.nicolasesprit.com/post/2010/09/15/ASPNET-Performance-Tips-1-Compresser-et-mettre-en-caches-les-images.aspx
http://www.nicolasesprit.com/post/2010/09/22/ASPNET-Performance-Tips-2-Minify-combiner-compresser-et-mettre-en-cache-des-fichiers-Javascript-et-CSS.aspx
http://www.nicolasesprit.com/post/2010/11/02/ASPNET-Performance-Tips-3-Combiner-des-fichiers-Javascript-et-CSS.aspx
Un rapide résumé des règles seraient :
- combiner les fichiers CSS et Javascript en un fichier
- rajouter une couche sur ce fichier en le minimisant, c’est à dire de supprimer les espaces, retours à la lignes, commentaires tels que le fait la librairie JQuery.
- ajouter des dates d’expiration et de cache pour les images de votre site internet
- compression gzip pour diminuer le poids des données à transférer
- éviter les redirections
- Utiliser des outils tels que Firebug onglet réseau afin d’analyser toutes les échanges réseaux initialisés par votre site lors d’une connexion