HTML-, CSS- und JS-Minifizierer
Code minifizieren
- Füge dein HTML, CSS oder JavaScript ein. Die Sprache wird erkannt, du kannst sie aber auch selbst setzen.
- Die minifizierte Fassung erscheint darunter, mit der Größe vorher und nachher und dem gesparten Anteil.
- Kopiere sie oder lade sie als .min-Datei herunter.
Häufige Fragen
Was wird genau entfernt?
Kommentare und überflüssiger Leerraum. In CSS fallen Leerzeichen neben Klammern, Semikolons, Kommas und Doppelpunkten weg, dazu das letzte Semikolon jedes Blocks. In HTML werden Folgen von Leerraum zu einem Leerzeichen und Kommentare fallen weg. In JavaScript gehen Kommentare und Einrückung.
Warum behält das JavaScript seine Zeilenumbrüche?
Weil sie zu entfernen ändern kann, was der Code tut. JavaScript setzt am Zeilenende Semikolons ein, zwei Zeilen zusammenzuziehen, die sich darauf verlassen haben, würde sie kaputt machen. Entfernt werden nur Einrückung, Leerzeilen und Kommentare, und das ist bei jedem Code sicher.
Werden Variablen umbenannt wie bei einem Build-Werkzeug?
Nein. Namen zu kürzen und Ausdrücke umzuschreiben braucht einen echten Parser und ist die Aufgabe eines Bundlers wie esbuild, terser oder SWC. Dieses Werkzeug ist für das Entschlacken einer Datei von Hand, und da liegt die Ersparnis meist bei 10 bis 30 %.
Ist es mit Strings und regulären Ausdrücken sicher?
Ja. Der Scanner verfolgt Anführungszeichen, Template-Literale und reguläre Ausdrücke, ein Kommentarzeichen in einem String oder ein Schrägstrich in einem regulären Ausdruck bleibt also unberührt.
Warum bleibt der Leerraum zwischen HTML-Tags?
Ein Leerzeichen zwischen zwei Inline-Elementen ist auf der Seite sichtbar, es zu entfernen würde Wörter zusammenschieben. Hake das zweite Feld an, wenn deine Auszeichnung nur aus Blockelementen besteht und es weg soll.
Macht gzip das nicht schon?
Weitgehend ja. Ein Server, der mit gzip oder Brotli komprimiert, drückt wiederholten Leerraum schon heraus, Minifizieren spart vorher also viel weniger, als die reine Byte-Zahl verspricht. Für eingebetteten Code, E-Mail-Vorlagen und unkomprimiert ausgelieferte Dateien hilft es trotzdem.
Wird mein Code hochgeladen?
Nein. Der Text wird in deinem Browser verarbeitet und nirgendwohin gesendet.