>Outils d’analyse d'un site web
Voici quelques outils permettant d’analyser un site web.
Validité du code:
-
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/
Performance, Vitesse de chargement:
-
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/
Détecter un CMS utilisé:
http://builtwith.com/
Donne des informations très complètes: type de serveur, CMS, librairies JavaScript et CSS (Bootstrap, jQuery)…
Adaptibilité, Responsive design
Détecter les breakpoints (design responsive):
-
Un “bookmarklet”: http://breakpointtester.com/
-
Breakpoint Tester, une extension pour Chrome.
SEO (Search Engine Optimization)
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.
Accessibilité:
-
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/
Fontes:
Pour détecter les fontes utilisées:
- Un bookmarklet: Fount
- Une extension Chrome: WhatFont.
- Une extension Firefox: FontFinder
Couleurs
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.
