| layout | title | permalink |
|---|---|---|
page |
Outils d’analyse |
/divers/analyse/ |
Voici quelques outils permettant d'analyser un site web.
-
Le validateur HTML classique du World Wide Web Consortium (W3C):
https://validator.w3.org/ -
Validateur CSS du w3c: https://jigsaw.w3.org/css-validator/
-
Un validateur plus récent, orienté HTML5: https://html5.validator.nu
-
Encore un validateur HTML: http://www.onlinewebcheck.com/
-
Une extension Firefox:
https://addons.mozilla.org/fr/firefox/addon/html-validator/
-
L'inspecteur intégré au navigateur (Firefox, Chrome, Safari...)
-
YSlow, une extension de navigateur développée par Yahoo:
http://yslow.org/ -
Google PageSpeed:
https://developers.google.com/speed/pagespeed/insights/.
Cet outil teste à la fois les optimisations pour la vitesse, et certains éléments d'usabilité sur mobile. -
Pingdom Website Speed Test:
un outil détaillé pour tester la vitesse de chargement.
https://tools.pingdom.com/ -
WebPagetest:
Un autre outil pour tester la vitesse d'un site.
https://www.webpagetest.org/
http://builtwith.com/
Donne des informations très complètes: type de serveur, CMS, librairies JavaScript et CSS (Bootstrap, jQuery)...
Détecter les breakpoints (design responsive):
-
Un "bookmarklet": http://breakpointtester.com/
-
Breakpoint Tester, une extension pour Chrome.
Quelques outils qui établissent un "audit SEO" et donnent des recommandations:
Note: il existait le critère "Google PageRank" (visible avec la Google Toolbar pour Internet Explorer, depuis 2000), qui évaluait la "popularité" d'un site sur une échelle de 10.
En mars 2016, Google a définitivement désactivé ce service.
-
Un outil en ligne, Web Accessibility Evaluation Tool:
http://wave.webaim.org/ -
Un bookmarklet:
https://ffoodd.github.io/a11y.css/ -
Une extension Firefox:
https://desktop.opquast.com/fr/
ou https://addons.mozilla.org/fr/firefox/addon/opquast-desktop/
Pour détecter les fontes utilisées:
- Un bookmarklet: Fount
- Une extension Chrome: WhatFont.
- Une extension Firefox: FontFinder
Pour identifier les couleurs utilisées:
- ColorZilla, une extension pour Firefox et Chrome.
Propose différentes fonctions, notamment une pipette ("Pick Color From Page"), et un "Webpage Color Analyzer", qui affiche les couleurs spécifiées dans les styles d'une page web.