Optimiseur CSS
Possibilités :
Ne pas supprimer les sauts de ligne (Oui ou Non)
CSS capable de gérer les URL, les fichiers ou le texte collé, etc.
Poste de loterie
Options facultatives : aucune
Nettoyer le CSS
Options facultatives (vous pouvez choisir Oui ou Non pour chacune) :
Réorganiser les sélecteurs
Réorganiser les attributs
Optimiser les sélecteurs et leurs propriétés (0, 1 ou 2)
Fusionner les attributs abrégés
Seule l'optimisation de la sécurité
Compresser la couleur
CompressionFont-weight
Sélecteur minuscule
Police attribuée (minuscules ou majuscules)
Supprimer les barres obliques inverses inutiles
Convertir ! hack important
Supprimez le dernier point-virgule»;»
enregistrer des notes
Éliminer les propriétés invalides (CSS2.1, CSS2.0 ou CSS1.0)
entrée sous forme de fichier
Pingates
Options facultatives (vous pouvez choisir Oui ou Non pour chacune) :
Convertir le nom de couleur long en hexadécimal
Convertir un code hexadécimal long en code hexadécimal court
Convertir le code hexadécimal long en nom de couleur
Convertir RVB en hexadécimal
Supprimer 0 métrique
Fusionner la même règle
Combinez le même sélecteur
Fusionner les propriétés
Supprimer les attributs en double
Supprimez les valeurs inutiles de la marge et du remplissage
afficher les statistiques
Sortie au format couleur
Utiliser la taille minimale pour la sortie
PHP Insider
Options facultatives : aucune
SeptForty
Possibilités :
Options de troncature : 500, 1 000, 1 500 ou 2 000
Cet outil est basé sur le compresseur YUI, mais supprimera automatiquement les hacks IE . L'explication donnée par le développeur est que les hacks IE devraient apparaître dans un seul fichier, plutôt que mélangés dans le fichier CSS principal, ce qui deviendra difficile à maintenir.
Colonne de page
Facultatif : aucun
Outils de compression CSS de bureau recommandés
Compresseur YUI et compresseur TB
YUI Compressor est un outil de compression de code frontal développé par l'équipe front-end de Yahoo et est très puissant. Un environnement d'exécution Java est requis. Vous pouvez utiliser la commande java pour compresser manuellement les fichiers CSS et JS, ou vous pouvez utiliser ant pour les compresser par lots lors de la compilation .
Yu Bo de l'équipe front-end de Taobao utilise l'outil de compression de la plate-forme Windows fourni par YUI Compressor, qui est très facile à installer et à désinstaller. Tout comme le puissant YUI Compressor, TBCompressor peut non seulement compresser CSS, mais également compresser JS.
Téléchargez-le ici. En savoir plus sur TBCompressor – Outil de compression JS et CSS
De plus, il est recommandé de lire « Amélioration du processus de compression des fichiers CSS par TBCompressor » de Qu Chao.
outils d'optimisation des ressources web 2.0
Un outil de bureau développé par des Chinois utilisant Delphi 7 peut également compresser CSS et JS. Je le recommande. Il convient également de mentionner que l'auteur a publié le code source du projet.
fusionnerCSS
Un outil basé sur AIR produit par CSS Forest Webmaster Gui Ge, qui possède de nombreuses fonctions utiles, telles que la fusion de plusieurs fichiers, la fusion de fichiers importés @import, etc. Voir l'introduction détaillée.
Il convient de noter que la prise en charge par l'outil des abréviations et de la fusion d'attributs n'est pas très bonne. Il serait peut-être préférable d'ajouter ces supports.
Une autre chose très importante est que jusqu'à présent, Gui Ge n'a pas publié cet outil . Si vous souhaitez l'essayer, vous pouvez le contacter.
vitesse des pages
Page Speed est en fait un plug-in Firefox basé sur Firebug développé par Google. Il est principalement utilisé pour analyser les performances front-end du site Web. Mais dans l'option Réduire CSS dans la liste des résultats de l'analyse de la vitesse des pages, cliquez dessus pour voir le taux de compression de votre CSS , et une version compressée est fournie plus tard, sur laquelle vous pouvez cliquer pour afficher. Le seul inconvénient est que la compression ne peut pas être personnalisée.
Aussi laid que soit le site Web, GZIP est un outil très utile pour compresser de nombreux types de code. Ce n’est peut-être pas la méthode de compression la plus simple et elle peut être un peu déroutante pour les débutants. Consultez ce didacticiel pour plus d'informations sur l'utilisation de GZIP pour compresser vos styles.
Résumer
Comme je l’ai dit plus tôt, certaines de ces méthodes peuvent paraître excessives ou inutiles. La clé est d’avoir une vue d’ensemble. Même si chacune de ces techniques n’a qu’un impact presque négligeable, la combinaison de plusieurs ou de la totalité de ces techniques peut avoir un impact énorme sur la taille de vos fichiers CSS.