8 outils vitaux pour auditer, sécuriser et optimiser votre projet web

Alors que je suis en cours de finalisation d’un site pour un client, je voulais en profiter pour partager une série d’outils en ligne et côté client permettant de disséquer vos pages.

Pourquoi se faire du mal quand tout à l’air d’aller bien ? Tout simplement parce que vous êtes assis sur une mine d’information non-exploitées qui vous permettrait d’améliorer la compatibilités cross-navigateurs, le temps de chargement, fermer les failles de sécurité et de savoir si le site est toujours disponible quand vous n’êtes pas là pour regarder.

Plugins Firefox

YSlow

Plugin pour Firefox: YSlow

Vous connaissez certainement le service YSlow de Yahoo!, il s’agit de la version déportée, en plugin pour firefox. Comme dans la version hébergée chez yahoo!, vous obtiendrez un score sur 100 vous suggérant des catégories d’amélioration possibles. Tout n’est pas pertinent (le CDN par exemple n’est pas réaliste pour les sites en début de carrière).
>> https://addons.mozilla.org/firefox/addon/5369

Webdevelopper Toolbar

Plugin Firefox : WebDevelopper Toolbar

C’est à peu près ce à quoi on peut s’attendre. Une bar d’outils qui vient se nicher dans Firefox et qui permet d’appliquer une série de filtres à vos pages, de les éditer à la volée et de valider la qualité du code employé.
>> https://addons.mozilla.org/firefox/addon/60

Plugins Internet Explorer

Et oui il y en a aussi et étant largement méconnus, ca valait bien une mention spéciale.

DebugBar

Plugins pour IE : Debug Toolbar

Cette toolbar pour IE est assez similaire à la Webdevelopper Toolbar disponible pour Firefox. L’image ci-dessus vous donne un apperçu de ce que vous y trouverez.
>> http://www.debugbar.com

Services en ligne

Si Firefox nous permet de charger beaucoup de plugins vraiment utiles et performants, on reste dans le cas ou c’est votre connexion qui va aller faire les tests. Pas génial d’un point de vue méthodologique, d’autant que plusieurs critères peuvent donner des réponses variables en fonction de l’heure de la journée. Grâce aux services en ligne, vous pourrez effectuer des tests transparents et suivre la disponibilité de votre serveur en permanence.

Pingdom

Services en ligne : Pingdom

Excellent service permettant de visualiser ce qui se passe quand un navigateur tente d’accéder à votre site sous la forme d’un diagramme de Gantt. Très efficace et simple à interpréter, ce test se combine très bien avec YSlow; l’un vous donne des directions vers lesquelles creuser et l’autre validera la mise en place de vos changements. C’est grâce à Pingdom que je me suis rendu compte que le temps de réponse de mon héberger pourrait être optimisé… c’est une autre discussion, mais je recommande ce test avant de choisir un héberger.
>> http://tools.pingdom.com

  Gratuit: 12 stocks de photos libres de droits

Woozweb

Services en ligne : Woozweb

Encore un excellent service en ligne que j’utilise au quotidien. Woozweb vous donne un historique de la disponibilité de votre site. Leurs serveurs vont “pinger” votre site et mesurer le temps de réponse. Dans le cas ou le site réponde lentement voire pas du tout, vous recevrez un email disant qu’il y a des lenteurs ou un réel problème de disponibilité. Le robot sonde votre url toutes les 15 minutes et les résultats viennent alimenter un graphique quotidien qui est ensuite archivé.
>> http://www.woozweb.com

Applications côté client

Le “tout internet” est clairement une bonne chose… oui mais voilà, tous vos projets web ne sont pas forcement accessibles librement sur le net, ou dans certains cas, particulièrement les grosses applications, le nombre de requêtes ne permet pas d’utiliser un service gratuit. C’est là que les applications côté client prennent tout leur sens.

SoftX HTTP Debugger Pro

Identifiez les paramètres utilisés par les formulaires, les cookies, le code source de la page, debuggez le code Javascript et VB, creusez les alertes d’erreurs sur vos pages… Bref tout ce qu’il faut pour que les webmasters / analystes / développeurs travaillent au debuggage et à l’optimisation de votre projet web.
>> http://www.httpdebugger.com

Fiddler HTTP Debugger

Cet outil permet d’intercepter et de modifier à la volée les données échangées entre votre navigateur et un serveur. En réalité, il fait un peu plus que ca, mais ca ne nous intéressera pas ici. C’est une version un peu sous-dimensionnée de HTTP Debugger Pro mais il à l’avantage d’être gratuit et d’avoir une série de plugins qui peuvent rajouter des fonctionnalités intéressantes.
>> http://www.fiddlertool.com/fiddler

Il existe bien sur des centaines d’autres services (gratuits ou non) offrant des options similaires. Certains s’attaquent spécifiquement à l’optimisation de votre référencement (SEO), d’autres aux failles de sécurité etc… Ce n’est que mon humble liste mais n’hésitez pas à contribuer !

Greg

NB: les rapports générés par ces services sont des candidats idéaux pour alimenter votre “Tableau de bord” dans la série des KPI sur la santé de votre projet.

1 thought on “8 outils vitaux pour auditer, sécuriser et optimiser votre projet web”

  1. Un grand merci pour ces bons conseils / outils que je vais m’empresser d’aller tester ! Nico

Leave a Comment