Dernière ligne droite avant la mise en ligne, le débugage est une étape essentielle. En plus de vérifier si le cahier des charges est rempli, il est également temps d’optimiser votre projet. Découvrez une sélection de 20 outils pour ne rien laisser au hasard.
La phase de vérification et d’optimisation est aussi important que la phase de définition d’un projet web. Elle permet de finaliser un site en beauté, d’avoir au final un produit de qualité, fonctionnel et conforme aux normes du web. Pour vous aider dans cette quête de perfection, je vous propose de découvrir ses quelques outils. Gratuits et en ligne pour la plupart, ils vous seront d’une aide précieuse…
Analyses préalables :
Verify App
« La manière la plus rapide de collecter les retours utilisateurs sur les maquettes et concepts ». Produit payant, mais avec un essai gratuit de 30 jours.
Resolve App
Outil de collaboration pour aider les équipes de conception web à donner leurs avis sur un projet
Php Security Info
Permet de vérifier la configuration de PHP sur le serveur.
sfProjectAnalyser
Analyse et vérifie que votre projet web avec Symfony est codé selon les normes
Wappalyzer
Analyse les technologies utilisées sur le site (JQuery, etc)
Erreurs et bug de style :
Holmes
Holmes est un testeur CSS autonome qui peut souligner les déclarations potentiellement invalides, inaccessibles ou erronées. Il s’utilise en ajoutant juste une classe.
CSS Lint
Analyse votre feuille de style et vous permet de corriger vos erreurs CSS.
Resize My Browser
Un peu gadget lorsqu’on possède la debug Bar de Firefox, Resize My Brower permet tout même de tester son site sur plusieurs résolutions en quelques clics.
Firebug
L’outil de débogage de Firefox, devenu quasi incontournable aujourd’hui.
Webdeveloper Bar
Toujours pour Firefox, très utilisé et très complet.
Validator W3c
Le site offciel du W3C pour valider sa sémantique et son CSS.
Performances :
GTMetrix
Un outil pour mesurer les performances de votre site, pour vous permettre d’optimiser votre JS ou vos CSS. Au programme, des rapports complets et surtout bien faits.
Google Page Speed
L’outil de Google pour mesure la vitesse de chargement de vos pages web. « Page Speed Online analyse le contenu d’une page Web, puis génère des suggestions susceptibles de vous aider à accélérer son chargement »
WebPageTest
Un outil alternatif, pour encore et encore tester les performances de votre site. Utiliser plusieurs services permet d’analyser les résultats et faire des moyennes de performances lors de vos tests.
Loads.In
En combien de secondes se charge votre page web ?
Blamestella
Votre site est-il rapide ? Un autre site pour tester la vitesse de chargement
Check-list :
Une check-list complète de vérification avant lancement du projet par Dan Zambonini (en anglais)
Pour ce qui concerne l’ergonomie, le site Conseils Marketing propose une liste complète
Symfony Check
Une liste complète pour vérifier votre projet Symfony
LaunchList
Une liste pour vérifier les points importants avant de mettre en ligne. Deux version, une gratuite de base et une version payante plus poussée.
Liens des lecteurs :
Plusieurs outils ont été suggérés par vous, chers lecteurs :
Wookrank Proposé par Monsieur_m
Pour tester son site. Simple et efficace.
Grader Proposé par Hypaepa
OpQuast Proposé par Monique
pour gérer la qualité et l’accessibilité de vos sites Web.
Tanaguru Proposé par Matthieu
Tanaguru où comment auditer 10.000 pages en un clic 🙂
Merci à Brice pour ses bons conseils. Si j’ai oublié votre outil fétiche, signalez-le moi dans les commentaires. Je ne manquera pas de le rajouter dans la liste !