Découvrez les statistiques de votre CSS
Découvrons aujourd'hui deux outils permettant de tout connaître sur vos feuilles de styles CSS. J'ai nommé CSSStats et StyleStats.
CSS Stats
Renseignez l'URL du site à vérifier sur CSSStats et patientez quelques secondes pour obtenir les résultats. Le nombre de règles, de sélecteurs, de propriétés, les couleurs de texte, d'arrière-plan, les tailles des polices, les différentes polices utilisées sont affichés.
StyleStats
StyleStats est très joli (merci au Material Design). Mais pas que ! Il vous permet de manière quasiment immédiate de sortir tout un tas de statistiques liées à vos CSS sous forme de cards.
On y retrouve sensiblement les mêmes résultats que CSS Stats.
A noter que l'on peut insérer un fichier HTML avec du CSS ou une feuille CSS seulement à la place d'une URL.
Egalement, vous pouvez consulter des "duels" (voir dans le bas de la page d'accueil) du style : Foundation.css contre Bootstrap.css.
Ces deux outils sont intéressants pour permettre d'optimiser ses CSS. Cependant, il est dommage qu'aucun des deux ne fournissent des pistes d'amélioration.