32 outils pour éliminer les erreurs de votre site Web

Tester la facilité d'utilisation

• Usability Hub - Demander à des amis, à votre famille et à des collègues de regarder votre site web est un excellent moyen de s'assurer que votre site web s'affiche correctement sur différents ordinateurs. Vous pouvez également utiliser des outils comme celui-ci pour faire ces types de test.

• Verify App - Cet outil vous permet de collecter les retours utilisateurs sur vos maquettes. Le produit est payant mais vous disposez d'un essai gratuit de 30 jours.

• Resolve - Outil de collaboration pour aider les équipes de conception web à donner leurs avis sur un projet.

Contrôler les CSS

• 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.

• jigaw W3C CSS validator - Excellent outil qui affiche toutes les erreurs et les alertes de conformité que vous pouvez avoir avec votre code CSS.

• CSS drive - Bien que ne soit pas un site qui serve à checker les erreurs, c'est un excellent outil que vous pouvez utiliser afin de valider votre code CSS. Grâce à lui, vous pouvez réduire la taille de vos fichiers CSS pour diminuer le temps de chargement global de vos pages. Et cela aura pour effet de diminuer le volume global de bande passante que vous utilisez.

Vérifier la vitesse d'affichage

• HTTP archive - Super service qui fournit l'historique complet de la vitesse d'affichage d'un site sur plusieurs mois.

• Load Impact - Test online pour verifier le comportement de votre site avec de forts volumes de trafic.

• Which Loads Faster - Si vous mettez à jour ou si vous refondez un site Web, cet outil est idéal pour tester et comparer rapidement les temps de chargement entre deux pages différentes.

• Pingdom Tools - Super service qui vous donne rapidement un bon aperçu du temps qu'il faut pour charger quelque chose sur votre page web. Gardez à l'esprit la plupart des visiteurs d'un site Web ne passent que quelques secondes sur chaque page.

• Web Pagetest - Sans doute un des outils les plus plébicités pour connaitre le temps de chargement d'un site Internet.

• GT Metrix - Un autre excellent outil pour tester la vitesse d'affichage d'une page web. Permet également d'obtenir les versions optimisées des images, des pages et des scripts.

• Web Site Optimization - Un autre super service pour connaitre le temps nécessaire pour charger votre page web. A partir de là, vous saurez ce que vous pouvez et dever faire pour diminuer le temps global de chargement.

• Whats My Ip - Excellent outil pour tester une page ou un élément de la page (comme un fichier CSS ou JS) afin de voir si elle est comprimée à l'aide de Gzip avant d'être renvoyée par le serveur.

Surveiller l'accessibilité

• CGI W3 - Convertissez vos pages HTML en un fichier .txt. Ceci peut être utile à utiliser parce que de nombreux outils d'accessibilité pour les aveugles convertissent les pages web en utilisant cet outil, vous pouvez ainsi comprendre comment quelqu'un qui est aveugle peut lire votre page.

• Read Ability - Moyen rapide et facile pour tester la lisibilité de votre site web.

• IP Info - Service en ligne très utile qui vous permet de voir comment votre page est affichée dans les différentes versions d'Internet Explorer. Très utile si vous avez besoin de tester votre page dans un navigateur plus ancien, comme IE6.

• Browsershots - Excellent outil online pour tester l'affichage de votre site Internet selon les différents systèmes d'exploitation et les multiples navigateurs Internet.

• Color filter - A quoi ressemble votre site Internet vu par quelqu'un atteint de daltonisme ? Faites le test afin de vous assurer que vos visiteurs daltoniens ne ratent pas quelque chose à cause d'une mauvaise charte graphique.

• Sidar - Très bon outil pour vérifier si tout le monde (indépendamment de tout handicap) peut voir vos pages.

Affichage sur mobile

• Emulateur Mobile - Cet outil est un émulateur qui vous permet de tester l'affichage de votre site web sur différents types de terminaux mobile. La plupart des paramètres sont respectés : dimensions, résolutions, user agent, comportements, fonctionnalités...

• Ready Mobi - De loin, c'est le meilleur site pour contrôler la compatibilité d'affichage de votre site ou de votre blog est lorsqu'il est vu sur un appareil mobile. Ce service vous donne non seulement des informations détaillées sur les raisons pour lesquelles votre site web peut ne pas fonctionner mais il vous donne également un aperçu dont la page se charge sur différents appareils mobiles.

Statistiques

• Google Analytics - Service gratuit ultra complet offert par Google qui vous donne une quantité incroyable d'informations sur les visiteurs de votre site Web: les navigateurs qu'ils utilisent, d'où ils viennent, ce qu'ils recherchaient, etc. Nécessite l'implémentation d'un tracking code dans votre code HTML pour fonctionner.

• Matomo - Si vous êtes réfractaires à l'idée de confier à Google vos suivis statistiques, vous pouvez utiliser l'excellent Matomo.

Et pour mon Blog ?

• Is My Blog Working? - Si votre page est un blog, vous devriez utiliser cet outil pour contrôler et voir si votre blog fonctionne correctement. Vous pourrez également obtenir d'autres informations techniques et voir ainsi ce que vous pouvez modifier ou ajouter sur la page.

Conclusion

Si vous utilisez régulièrement certains de ces outils pour éliminer les erreurs sur votre site web, n'hésitez pas à partager votre expérience afin que nous confrontions nos avis.

Bien sûr, cette liste d'outils n'est pas exhaustive. D'autant que le Web est incroyablement riche en la matière, je ne se serais pas étonné que vous me citiez dans les commentaires des liens vers de nouveaux outils encore plus performants que ceux-ci.