Possible en double:
Any recommendations for a CSS minifier?Y at-il quelque chose comme jsmin pour css?
JSMin est une compression et exécutable combinaison pour les fichiers javascript. Y a-t-il quelque chose comme ça pour les fichiers CSS?
Google # 1 résultat pour la compression CSS: http://www.refresh-sf.com/yui/
Comme ma question posée, je cherchais un exécutable (pas un site web qui le fait pour moi). –
CSS ne peut pas être minifiés de la même manière que JavaScript peut. Vous pouvez remplacer des variables telles que lastItemRead avec des noms comme a, mais en CSS, vous ne pouvez pas remplacer les sélecteurs comme .lastItemRead par des sélecteurs plus courts (pas sans explorer et réécrire tout votre site). Ceci étant dit, vous pouvez supprimer les espaces blancs et les commentaires des fichiers CSS. Il existe plusieurs outils pour ce faire - le YUI Compressor est une option populaire de Yahoo !.
Il y a beaucoup de choses que vous pouvez faire vous-même pour garder vos fichiers CSS légers. Retirer les sélecteurs inutilisés, réduire la redondance, et essayer de rejoindre de nombreuses règles:
background-color:red;
background-image:url(stars.png);
background-position:center center;
background-repeat:no-repeat;
est un peu bavard; mieux écrire comme:
background:red url(stars.png) center center no-repeat;
fait gagner énormément d'espace. Une autre chose à surveiller est d'ajouter des caractères inutiles aux règles. Par exemple, lorsque vous définissez rembourrages et des marges, il n'y a pas besoin d'ajouter une unité après vos valeurs 0:
margin:0px 10px; /* 0px should be 0 */
Beaucoup de ce genre de choses peut être étoffée à l'aide d'un outil comme le CSSLint, en ligne à http://csslint.net/. Attention: CSSLint va blesser vos sentiments!
Oui, vous pouvez visiter ceci:
Je pense que Stackoverflow peut avoir besoin de mettre à jour leur recherche de question. Lorsque j'ai tapé la question à l'origine, le «doublon» mentionné ci-dessus n'était pas répertorié. –