Avant le déploiement, existe-t-il un outil pour compresser les attributs de classe HTML et les sélecteurs CSS ?

Question

Dans le projet en cours, on m'a demandé de compresser l'attribut de classe HTML et les sélecteurs CSS correspondants avant le déploiement . Par exemple, le code sur la production est :

 <div class="foo">
  <div id="bar"></div>
</div>

.foo {/*Style goes here*/}
#bar {/*Style goes here*/}

Lors du déploiement , je souhaite que la classe HTML et les sélecteurs CSS correspondants soient remplacés :

 <div class="a">
  <div id="b"></div>
</div>

.a {/*Style goes here*/}
#b {/*Style goes here*/}

Quels sont les outils disponibles pour archiver cette compression ?

Answer 1

Si vous voulez vraiment renommer les noms de classe (en gardant à l'esprit ce que Madmartigan a dit), Google Closure Stylesheets le fait. C'est exagéré, et YUI Compressor ou tout autre outil de minification + gzipping devrait vous donner suffisamment d'amélioration des performances, mais il peut le faire. Vous devrez utiliser d'autres outils de fermeture pour apporter les modifications appropriées à vos .js et à vos modèles html.

Answer 2

C'est étonnamment myope.

• Étape 1 : Activez la compression GZip ou Zlib sur le serveur Web
• Étape 2 : Tout le texte est compressé, souvent de 70 % ou plus
• Étape 3 : Il n'y a pas d'étape 3.
• Étape 4 : PROFITEZ