DeutschDE

JavaScript & CSS minifizieren – JS/CSS-Minifier

Wählen Sie die Sprache, fügen Sie Ihren Code ein und klicken Sie auf „Minifizieren“.

Ihre Texte und Dateien bleiben in Ihrem Browser – nichts wird an einen Server gesendet.

So funktioniert’s

  1. Wählen Sie unter „Sprache“ JavaScript oder CSS und fügen Sie Ihren Code ein.
  2. Klicken Sie auf „Minifizieren“, um Leerzeichen, Zeilenumbrüche und Kommentare zu entfernen. Unter dem Ergebnis sehen Sie die Größe vorher und nachher sowie die Ersparnis in Prozent.
  3. Ist „Variablennamen kürzen“ eingeschaltet, erhalten lokale Variablen in Funktionen Namen mit ein oder zwei Buchstaben – die Datei wird noch kleiner. Globale Namen, die anderswo verwendet werden, bleiben unverändert.
  4. Kommentare, die mit /*! beginnen oder @license enthalten, bleiben erhalten, solange „Lizenzkommentare behalten“ eingeschaltet ist.

Häufige Fragen

Kann das Minifizieren das Verhalten meines Codes ändern?

JavaScript wird mit Terser, CSS mit CSSO minifiziert – verbreitete Open-Source-Tools, die das Verhalten beibehalten sollen. Code, der auf eval oder Funktionsnamen angewiesen ist, kann sich trotzdem anders verhalten. Testen Sie daher vor dem Deployment.

Funktioniert das mit ES-Modulen?

Ja. Enthält der Code import- oder export-Anweisungen, wird er als ES-Modul minifiziert. Andernfalls gilt er als klassisches Skript, und globale Namen werden nicht umbenannt.

Lässt sich minifizierter Code wieder lesbar machen?

Zeilenumbrüche und Einrückung stellt der JS/CSS-Formatierer wieder her. Entfernte Kommentare und gekürzte Namen lassen sich aber nicht zurückholen – bewahren Sie Ihren Originalcode also auf.

Ähnliche Tools

JS/CSS-FormatiererJS, TS, CSS, SCSS und LESS formatierenHTML-FormatiererHTML-Code aufräumen und einrückenJSON-FormatiererJSON formatieren, minifizieren, prüfenCron-GeneratorCron-Zeitpläne bauen und verstehen

Alle Tools