À moins d’être resté caché sous une pierre ces dernières années, la plupart des développeurs Web auront entendu parlé de Firebug, l’extension pour Mozilla Firefox qui permet de déboguer, éditer et modifier le HTML, le CSS et le JavaScript d’une page web. Je l’utilise surtout pour déboguer mon JavaScript et parfois pour cibler des anomalies causées par mes règles CSS (à la condition qu’elle soient visibles dans Firefox !).
Un des outils de Firebug avec lequel je me suis familiarisé plus récemment est l’onglet réseau, une petite merveille pour surveiller les performances de vos page Web. L’outil présente une liste des fichiers de la page, avec leur poid respectif, le temps de téléchargement de chacun, l’ordre dans lequel ils ont été chargés, quels sont les fichiers qui proviennent de la mémoire cache et ceux qui proviennent du réseau ainsi qu’une foule d’autres renseignements qui vous permettront de mieux cibler les responsables des lenteurs de certaines de vos pages.
Pour compléter votre arsenal d’optimisation il existe YSlow, une autre extension de Firefox issue des ateliers de Yahoo, qui s’intégre à Firebug pour évaluer vos pages Web selon une liste de 34 bonnes pratiques.
YSlow analyse vos page et génère un rapport détaillé de ce qui peut être fait pour en améliorer les performances. Parmi les nombreux outils proposé dans YSlow pour vous aider dans votre optimisation, on retrouve JSLint pour analyser vos JavaScripts, All JS Minified pour les compresser et Smush.it, un service en ligne de Yahoo pour optimiser vos images.
Avec ces extensions, vous disposerez donc de moyens pour transformer votre site Web en bolide de course, pour peu qu’il soit animé par un moteur puissant et hébergé dans une écurie décente !
