Dédoublonner les css

A force de mettre à jour son site internet via les CSS, je me retrouve avec plusieurs fois les mêmes propriétés CSS dans mes codes sources, exemple

.selec{font-weight:bold}

.....

.selec{color:red}

cela n’a pas spécialement d’importance au niveau du rendu final, mais sur les ordinateurs, tablettes ou smartphones qui ne sont pas à la pointe de la technologie, cela provoquera un important retard de rendu visuel, donc un temps de chargement plus long ce qui pourra faire fuire vos visiteurs si vous ne faites pas gaffe…

L’idéal serai de réorganiser le css, le faire propre … mais bonjour le boulot de dingue pour tout reprendre.

La solution c’est cleancss un outil en ligne vous permettant de le faire à votre place, diverses options permettent de choisir la lisibilité de votre code.

Vous indiquez l’url de votre page css et il s’occupe de tout.

A noter plusieurs bugs :

– il m’a supprimé les parenthèses des @media que j’ai du remettre à la main

– Le site ne propose que l’affichage du résultat et ne permet pas de télécharger le nouveau fichier généré

– Le copier coller du résultat par le bouton sous chrome ne fonctionne pas (opérationnel sous ie)

Posté dans CSS

Laisser un commentaire