[Webdesign] CSS Usage, une extension pour optimiser vos CSS

Lorsqu’on développe un webdesign, on tente souvent un grand nombre de combinaisons. La plupart du temps cela se passe dans la feuille de style CSS, qui sert à mettre en page une structure HTML.

Au final, après de multiples changements, il devient difficile de s’y retrouver et de savoir ce qui sert réellement et ce qui est superflu.

 
CSSCoverage est une extension pour Firefox et Firebug qui vous permet de scanner une ou plusieurs pages de votre site et de trouver les sélecteurs de vos feuilles de styles CSS réellement utilisés.

L’extension parcours vos pages et détecte les styles utilisés au fur et à mesure de la navigation. Si un style est trouvé, il est marqué comme vu (seen en vert, ou seen before en vert foncé). Sinon, il reste à l’état non vue (unseen en rouge).

Après un parcours que vous estimez complet (y compris sur les parties en AJAX), vous aurez un état des lieux des règles pouvant être supprimées. De quoi alléger vos feuilles de styles et optimiser vos sites.

Cette extension se base sur Firebug pour fonctionner.
Il suffit de cliquer sur le bouton « Scan » à chaque nouvelle page (ou div révélé). Simplissime.

Une bonne extension qui sera un compagnon opportun en phase de développement ou durant la vie d’un site.

Téléchargez L’extension CSS Usage