CSS-Optimierer
Optionen:
Zeilenumbrüche nicht entfernen (Ja oder Nein)
CSS, das URLs, Dateien oder eingefügten Text usw. verarbeiten kann.
Lotteriepost
Optionale Optionen: keine
Sauberes CSS
Optionale Optionen (Sie können jeweils Ja oder Nein wählen):
Selektoren neu anordnen
Attribute neu anordnen
Optimieren Sie Selektoren und ihre Eigenschaften (0, 1 oder 2)
Kurzschriftattribute zusammenführen
Nur Sicherheitsoptimierung
Farbe komprimieren
CompressionFont-Gewicht
Auswahl für Kleinbuchstaben
Zugeordnete Schriftart (Klein- oder Großbuchstaben)
Entfernen Sie unnötige Backslashes
Konvertieren!wichtiger Hack
Entfernen Sie das letzte Semikolon“;”
Notizen speichern
Eliminieren Sie ungültige Eigenschaften (CSS2.1, CSS2.0 oder CSS1.0)
Eingabe als Datei
Pingates
Optionale Optionen (Sie können jeweils Ja oder Nein wählen):
Konvertieren Sie lange Farbnamen in Hexadezimalzahlen
Konvertieren Sie langen Hexadezimalcode in kurzen Hexadezimalcode
Wandeln Sie langen Hexadezimalcode in einen Farbnamen um
Konvertieren Sie RGB in Hexadezimal
0 Messwerte entfernen
Führen Sie dieselbe Regel zusammen
Kombinieren Sie den gleichen Selektor
Eigenschaften zusammenführen
Entfernen Sie doppelte Attribute
Entfernen Sie nutzlose Werte aus Rand und Polsterung
Statistiken anzeigen
Ausgabe im Farbformat
Verwenden Sie die Mindestgröße für die Ausgabe
PHP-Insider
Optionale Optionen: keine
SevenForty
Optionen:
Kürzungsoptionen: 500, 1000, 1500 oder 2000
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.
Seitenspalte
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, „Verbesserung des Komprimierungsprozesses von CSS-Dateien durch 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. Dies 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.