CSS-Minifier

Über dieses Tool

Sie haben also eine CSS-Datei, die langsam wie ein Roman aussieht. Vielleicht ist es voller Kommentare, zusätzlicher Leerzeichen oder Zeilen, die Sie vergessen haben zu löschen. Es funktioniert – gut – aber es ist sperrig. Verlangsamt die Dinge. Ärgerlich, oder?

Hier kommt ein CSS-Minifier ins Spiel. Es ist keine Zauberei, aber es kommt ihm nahe. Sie fügen Ihr unordentliches, für Menschen lesbares CSS ein und es spuckt eine kompakte, optimierte Version aus. Kein Flaum. Genau das, was der Browser tatsächlich braucht. Es entfernt Leerzeichen, entfernt Kommentare, kürzt Farbcodes und kombiniert manchmal sogar Regeln. Und das alles, ohne Ihren Stil zu zerstören.

Ich habe im Laufe der Jahre ein Dutzend dieser Tools verwendet. Den meisten geht es gut. Manche sind klobig. Einige sind tatsächlich ziemlich schick. Aber sie erfüllen alle die gleiche grundlegende Aufgabe: Ihr CSS kleiner machen. Und kleiner bedeutet normalerweise schnelleres Laden. Und das ist, seien wir ehrlich, das, was wir alle wollen.

Hauptfunktionen

• Entfernt unnötige Leerzeichen und Zeilenumbrüche – da Ihr Browser sich nicht um Ihre Formatierung kümmert.
• Entfernt Kommentare. Ja, sogar die Notiz, die Sie sich 2019 hinterlassen haben.
• Kürzt Hex-Farben, wenn möglich – #ffffff wird zu #fff, denn warum mehr eingeben als nötig?
• Kombiniert doppelte Selektoren und Eigenschaften, wenn dies sicher möglich ist.
• Erhält die Funktionalität. Ihr Layout wird nicht kaputt gehen. (Meistens.)
• Funktioniert sofort. Keine Anmeldung, kein Download. Einfach einfügen und loslegen.
• Verfügt normalerweise über die Option „Wiederherstellen“ oder „Verschönern“, falls Sie die Ausgabe später lesen müssen.

FAQ

Wird die Minimierung meine Website beschädigen?
Selten. Die meisten Minifier sind vorsichtig. Wenn Ihr CSS jedoch seltsame Hacks aufweist oder auf bestimmte Formatierungen angewiesen ist (wie bestimmte @import-Regeln), können die Dinge schief gehen. Testen Sie immer nach der Minimierung. Und bewahren Sie ein Backup auf. Ernsthaft.

Sollte ich während der Entwicklung minimieren?
Nein. Halten Sie Ihre Originaldatei während der Arbeit sauber und lesbar. Minimieren Sie es erst, wenn Sie zur Bereitstellung bereit sind. Verwenden Sie Quellzuordnungen, wenn Sie sich später Gedanken über das Debuggen machen.