Optimisez vos pages web avec YSlow
Les problèmes de performances sur un site ou une application web proviennent plus souvent d’erreurs de développement que de soucis de montée en charge. Développée par Yahoo, Yslow, littéralement “pourquoi ça rame” est une extension Firefox qui permet d’effectuer des contrôles de performances sur 13 points clés d’un site web. Chaque point testé reçoit une note pouvant aller de A à F, et les problèmes rencontrés s’accompagnent de conseils tournés vers une optimisation du code. Plus la note est élevée, et plus votre site est rapide.
Pas moins de 13 points de contrôle
YSlow met en avant 13 bonnes pratiques fondamentales dans l’optimisation d’une page web :
<li>Minimisez le nombre de requêtes HTTP.</li>
<li>Utilisez un réseau spécialisé dans la fourniture de contenus.</li>
<li>Ajoutez un en-tête d'expiration.</li>
<li>Compressez les contenus côté serveur.</li>
<li>Placez les feuilles de style en haut de la page.</li>
<li>Déplacez les Javascript en bas de page.</li>
<li>Proscrivez les expressions CSS.</li>
<li>Placez un maximum de javascript et de CSS dans des fichiers externes.</li>
<li>Minimisez les besoins en requêtes DNS.</li>
<li>Optimisez le javascript.</li>
<li>Évitez les redirections HTTP (301, 302).</li>
<li>Supprimez les scripts redondants.</li>
<li>Configurez les etags</li>
Un premier test de performances me montre que la refonte en cours du site ne devra pas seulement être ergonomique ou graphique, mais qu’un gros travail d’optimisation est aussi nécessaire. Comme quoi les histoires de cordonnier…
Publié le 29 août 2007 à 15h23 Publié sous Développement
Mots clés web, apache, html, code, optimisation, javascript
Si cet article vous a plu, n'hésitez pas à me suivre sur Twitter.
2 commentaires sur Optimisez vos pages web avec YSlow »
-
Par Rik le 29 août 2007 à 17h21 :
-
Par Seb L. le 13 mai 2009 à 15h11 :
J’ai trouvé cette extension vraiment sympathique même si en effet il faut relativiser son utilité.
En très peu de temps, j’ai peu passer le score d’un site de 61 à 97. Pour ceux que ça intéresse, j’ai fait un compte-rendu : http://blog.lecacheur.com/2009/05/13/yslow-comment-optimiser-son-site-web-en-quelques-minutes/
Trackbacks sur Optimisez vos pages web avec YSlow
Les trackbacks sont fermés pour cause de spam.
L'ergonomie web, l'utilisabilité et la qualité des logiciels sont trois grandes passions mises au services de ma profession.
Cette extension est assez pratique pour voir ce qui ce comporte bien niveau cache. Mais il faut prendre du recul sur les résultats. En effet, ce sont des bonnes pratiques pour Yahoo, mais pas forcément adaptées à tous. L’exemple du CDN et des E-tags par exemple. Tu vas prendre un CDN pour ton blog ? :) Et ils déconseillent les e-tags quand un fichier peut-être servi par plusieurs serveurs. Ce n’est pas le cas de ce blog ?