CSS-Minifier & Verschönerer

CSS-Minifier & Beautifier ist ein bidirektionales Stylesheet-Tool: Es komprimiert CSS, indem alles entfernt wird, was der Browser nicht benötigt - Kommentare, Leerzeichen, redundante Semikolons, Langform-Hex-Farben und Einheiten auf Nullwerten - und kann den Prozess umkehren und ein einzeiliges Produktionspaket wieder in lesbare, richtig eingerückte Regeln erweitern. Jedes Byte, das Sie aus einem Stylesheet blockieren, ist ein Byte, das der Browser früher herunterlädt und analysiert, der direkte Kernmetriken für Web-Vitalwerte wie First Contentful Paint und Größte inhaltliche Farbe speist.

Der Minifier ist bewusst konservativ. Es ist sich voll und ganz der Zeichenfolgenliterale, URL()-Werte und calc()-Ausdrücke bewusst, so dass es nie den Leerraum entfernt, von dem Calc(100% - 20px) abhängt, schreibt niemals farbähnlichen Text in einer Inhaltszeichenfolge neu und berührt niemals den Abstand, der div:hover von div:hover unterscheidet. Bei typischen handgeschriebenen Stylesheets können Sie eine Größenreduzierung von 25–40% vor GZIP erwarten; kombiniert mit Gzip oder Brotli auf dem Draht rasiert die Miniifizierung immer noch eine aussagekräftige Schicht, da die Komprimierung bei wiederholten, kommentarfreien Eingaben besser funktioniert.

Alles läuft zu 100% clientseitig in Ihrem Browser. Ihr CSS wird niemals auf einem Server hochgeladen, protokolliert oder gespeichert. Dies bedeutet, dass Sie proprietäre Design-Systemcode, unveröffentlichte Produktstile oder Clientarbeit sicher einfügen können. Es funktioniert auch offline, sobald die Seite geladen ist - nützlich, wenn Sie einen schnellen Minifeuungspass benötigen, ohne eine vollständige PostCSS- oder ESBuild-Pipeline zu verkabeln.

Die Minimierung ist hier syntax-bewusst und nicht eine Reihe von Such- und Ersatzregeln, was das Ausführen auf Produktions-Stylesheets sicher macht: Leerzeichen in Strings, URL()-Werten und Attribut-Selektoren bleiben allein, da das Entfernen die Übereinstimmung der CSS-Übereinstimmung geändert hat. Es werden Kommentare eingehalten, die mit einem Ausrufezeichen beginnen, was die Konvention für Lizenz-Header ist, die einen Build überleben müssen.