Kostenloser CSS Minifier
Dieser kostenlose CSS Minifier entfernt Kommentare, Zeilenumbrüche und überflüssige Leerzeichen aus einem Stylesheet und löscht das abschließende Semikolon in jeder Regel. Dann zeigt er, wie viele Bytes Sie gespart haben. Zeichenketten in Anführungszeichen und url()-Werte sind geschützt, und Lizenzkommentare, die mit einem Ausrufezeichen beginnen, können beibehalten werden. Das Tool eignet sich für alle, die ein kleineres Stylesheet möchten, ohne ein Build-Tool zu installieren.
CSS Minifier
Generators and Converters
Über dieses Tool
Ein Stylesheet blockiert das Rendering: Der Browser malt die Seite erst, nachdem die CSS in der Kopfzeile heruntergeladen und geparst wurde. Die Größe zu reduzieren ist eine der einfachsten Geschwindigkeitsverbesserungen. Minifizierung entfernt nur Zeichen, die der Browser ignoriert, daher sieht die Seite gleich aus.
Der Minifier entfernt Kommentare, reduziert Leerzeichen, entfernt Abstände um geschweifte Klammern, Semikola, Kommas und Kindkombinationen und löscht das Semikolon vor einer schließenden Klammer. Text in Anführungszeichen und in url() bleibt unverändert. Kommentare, die mit einem Ausrufezeichen beginnen, werden beibehalten, wenn Sie sich für die Beibehaltung von Lizenzhinweisen entscheiden.
Das Tool führt keine Regeln zusammen, benennt Klassen nicht um und entfernt keine ungenutzten CSS-Regeln. Die Ausgabe ist daher immer eine genaue Kopie Ihrer Regeln. Bewahren Sie die lesbare Datei in Ihrem Projekt auf und veröffentlichen Sie die minifizierte Version. Um minifiziertes CSS erneut zu lesen, verwenden Sie den CSS Beautifier. Nichts, das Sie einfügen, wird gespeichert.
Häufig gestellte Fragen
Kann Minifizierung mein Design beschädigen?
Nein, wenn nur Kommentare und Leerzeichen entfernt werden. Dieses Tool behält Zeichenketten und url()-Werte bei. Wenn die Seite nach der Veröffentlichung anders aussieht, liegt die Ursache meist an einer alten zwischengespeicherten Datei. Leeren Sie den Cache oder fügen Sie eine Versionsnummer zum Dateinamen hinzu.
Was ist der Unterschied zwischen Minifizierung und Komprimierung?
Minifizierung schreibt die Datei so um, dass sie weniger Zeichen hat. Komprimierung wie gzip oder Brotli wird vom Server beim Versand der Datei angewendet. Sie arbeiten zusammen: Minifizieren Sie zuerst, dann lassen Sie den Server komprimieren, und der Besucher lädt die kleinste mögliche Version herunter.
Entfernt es ungenutztes CSS?
Nein. Das Entfernen ungenutzter Regeln erfordert ein Crawlen Ihrer echten Seiten, da eine Regel, die ungenutzt aussieht, möglicherweise ein Menü oder ein Popup formatiert, das später angezeigt wird. Dieses Tool verkleinert nur das, was Sie einfügen. Jede Regel, die Sie geschrieben haben, bleibt in der Ausgabe.
Warum Lizenzkommentare behalten?
Viele Bibliotheken verlangen, dass ein kurzer Hinweis in der Datei bleibt. Nach Konvention beginnen diese Kommentare mit einem Ausrufezeichen. Aktivieren Sie die Option, um sie zu behalten, und sie bleiben in der Ausgabe, während alle anderen Kommentare entfernt werden.