Améliorer les performances : partie 1

Voilà je viens de recevoir le livre « High Performance Web Sites« . j’ai donc décidé de commenter une à une les différentes règles et d’essayer de les appliquer sur Wanarun.

Au départ :

  1. Make fewer HTTP requests => note : B
  2. Use a CDN => note : F
  3. Add an Expires header => note : F
  4. Gzip components => note D
  5. Put CSS at the top => note A
  6. Put JS at the bottom => note B
  7. Avoid CSS expressions => note A
  8. Make JS and CSS external => n/a
  9. Reduce DNS lookups => note B
  10. Minify JS => note B
  11. Avoid redirects => note A
  12. Remove duplicate scripts => note A
  13. Configure ETags => note F

Première règle : Réduire la taille du javascript

Ca me semble être une bonne idée, je ne me suis jamais penché sur cette problématique.

Yahoo nous donne quelques pistes et je décide d’utiliser YUI Compressor.

Je décide de compresser la librairie Prototype et la librairie de Wanarun

Résultats de la compression :

  • Wanarun : 62 ko => 37 ko
  • Prototype : 71 ko => 43 ko

Par contre mauvaise nouvelle, une erreur dans le javascript de prototype.

Je teste ensuite ShrinkSafe :

Résultats de la compression :

  • Wanarun : 62 ko => 40 ko
  • Prototype : 71 ko => 50 ko

La compression est moins bonne mais pas d’erreur javascript dans prototype.

L’expérience est globalement positive, les temps de chargement sous firebug sont moins long qu’avant et dans Yslow wanarun passe de B à A sur le « Minify JS »

Note globale : D (62)

A suivre….


Tags :

3 commentaires

Ajax, Json et compression Gzip…

Dernièrement je me suis mis a utiliser intensivement le JSON (JavaScript Object Notation). Le JSON est un mode léger d’échange de données que je trouve particulièrement adapté aux "XHR" (XmlHTTPRequest). Du coup les échanges avec les…

moBlur.org
février 25th, 2008 at 17 h 22 min

Concernant la compression JS (« minification »), fait donc le test avec packer de Dean Edwards (http://dean.edwards.name/packer/)
Le taux de compression est plus important qu’avec YUI et je n’ai jamais rencontré d’erreur suite à son utilisation.
Je recommande vivement donc!

Matt
septembre 30th, 2008 at 15 h 13 min

Bonjour, je me permets de te signaler un post que j’ai fait sur les recos qui ont donné naissance au « Y-Slow » de Yahoo ici : http://www.php-experts/developpement-web/yahoo-vous-aide-a-accelerer-votre-site-internet-8
En fin de post, quelques liens utiles pour aller plus loin dans la recherche de la performance Web absolue 😉
Bonne continuation !

DSampaolo
février 12th, 2009 at 19 h 01 min

Laisser un commentaire

Name (required)

Mail (will not be published) (required)

Website

Commentaire