.jpg)
Optionen:
.jpg)
Optionale Optionen: keine
.jpg)
Optionale Optionen (Sie können jeweils Ja oder Nein wählen):
Optionale Optionen (Sie können jeweils Ja oder Nein wählen):
Optionale Optionen: keine
Optionen:
Dieses Tool basiert auf dem YUI-Kompressor, entfernt jedoch automatisch IE-Hacks . Die Erklärung des Entwicklers lautet, dass IE-Hacks in einer einzigen Datei und nicht gemischt in der Haupt-CSS-Datei erscheinen sollten, was schwierig zu pflegen sein wird.
Optional: Keine
Empfohlene Desktop-CSS-Komprimierungstools
YUI-Kompressor und TB-Kompressor
YUI Compressor ist ein Front-End-Codekomprimierungstool, das vom Yahoo-Front-End-Team entwickelt wurde und sehr leistungsstark ist. Es ist eine Java-Laufumgebung erforderlich. Sie können den Befehl java verwenden, um CSS- und JS-Dateien manuell zu komprimieren, oder Sie können sie während der Kompilierung mit ant stapelweise komprimieren .
Yu Bo vom Taobao-Front-End-Team verwendet das vom YUI-Kompressor gepackte Komprimierungstool für die Windows-Plattform, das sehr einfach zu installieren und zu deinstallieren ist. Genau wie der leistungsstarke YUI-Kompressor kann TBCompressor nicht nur CSS, sondern auch JS komprimieren.
Laden Sie es hier herunter . Erfahren Sie mehr über TBCompressor – JS- und CSS-Komprimierungstool
Darüber hinaus wird empfohlen, „ Improving the Compression Process of CSS Files by TBCompressor “ von Qu Chao zu lesen.
Tools zur Web 2.0-Ressourcenoptimierung
Ein von Chinesen mit Delphi 7 entwickeltes Desktop-Tool kann auch CSS und JS komprimieren. Empfehlen Sie es weiter. Erwähnenswert ist auch, dass der Autor den Quellcode des Projekts veröffentlicht hat.
mergeCSS
Ein AIR-basiertes Tool, das von CSS Forest Webmaster Gui Ge erstellt wurde und über viele nützliche Funktionen verfügt, z. B. das Zusammenführen mehrerer Dateien, das Zusammenführen importierter @import-Dateien usw. Detaillierte Einführung ansehen .
Es ist zu beachten, dass die Unterstützung des Tools für Abkürzungen und das Zusammenführen von Attributen nicht sehr gut ist. Es ist möglicherweise besser, wenn diese Unterstützungen hinzugefügt werden können.
Eine weitere sehr wichtige Sache ist, dass Gui Ge dieses Tool noch nicht veröffentlicht hat . Wenn Sie es ausprobieren möchten, können Sie ihn kontaktieren.
Seitengeschwindigkeit
Page Speed ist eigentlich ein von Google entwickeltes Firefox-Plugin, das hauptsächlich zur Analyse der Front-End-Leistung der Website verwendet wird. Klicken Sie jedoch in der Ergebnisliste der Seitengeschwindigkeitsanalyse auf die Option „CSS minimieren“, um das Komprimierungsverhältnis Ihres CSS anzuzeigen. Später wird eine komprimierte Version bereitgestellt, die Sie zum Anzeigen anklicken können. Der einzige Nachteil besteht darin, dass die Komprimierung nicht angepasst werden kann.
Egal wie hässlich die Website ist, GZIP ist ein wirklich nützliches Tool zum Komprimieren vieler Arten von Code. Es ist möglicherweise nicht die einfachste Komprimierungsmethode und kann für Anfänger etwas verwirrend sein. Weitere Informationen zur Verwendung von GZIP zum Komprimieren Ihrer Stile finden Sie in diesem Tutorial .
Zusammenfassen
Wie ich bereits sagte, scheinen einige dieser Methoden übertrieben oder sinnlos zu sein. Der Schlüssel liegt darin, das Gesamtbild zu betrachten. Während jede dieser Techniken möglicherweise nur einen nahezu vernachlässigbaren Einfluss hat, kann die Kombination mehrerer oder aller dieser Techniken einen enormen Einfluss auf die Größe Ihrer CSS-Dateien haben.