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.