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 :
- Make fewer HTTP requests => note : B
- Use a CDN => note : F
- Add an Expires header => note : F
- Gzip components => note D
- Put CSS at the top => note A
- Put JS at the bottom => note B
- Avoid CSS expressions => note A
- Make JS and CSS external => n/a
- Reduce DNS lookups => note B
- Minify JS => note B
- Avoid redirects => note A
- Remove duplicate scripts => note A
- 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 :
Vous pouvez laisser un message, ou un trackback / retrolien depuis votre site











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…
février 25th, 2008 at 17:22
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!
septembre 30th, 2008 at 15:13
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 !
février 12th, 2009 at 19:01
Laisser un commentaire