CSS / JS-Code minifizieren
Reduzieren Sie die Größe Ihres CSS- oder JavaScript-Codes direkt im Browser – ohne Server: Kommentare und überflüssige Leerzeichen werden entfernt.
Achtung: Dies ist ein einfacher Minifier (Entfernen von Kommentaren und Komprimieren von Leerzeichen), kein vollständiges Produktionstool wie Terser oder csso. Er benennt keine Variablen um und führt keine erweiterte semantische Optimierung durch.
Wie funktioniert es?
Entwickelt, um das Gewicht einer CSS- oder JavaScript-Datei zu reduzieren, bevor Sie eine kleine Website oder eine persönliche Seite online stellen: Fügen Sie Ihren Quellcode ein, wählen Sie die Sprache, klicken Sie auf „Minifizieren“ und erhalten Sie eine schlankere Version (ohne Kommentare und überflüssige Leerzeichen) sowie den erzielten Reduktionsgrad. Wie oben auf dieser Seite erwähnt, ist dies ein einfacher Minifier, der für gelegentliche Zwecke oder zum Lernen geeignet ist – kein Ersatz für Produktionstools wie Terser oder csso bei einem großen Projekt.
Warum funktioniert mein minifizierter Code nicht mehr?
Das ist selten, aber bei sehr speziellem Code möglich (z. B. JavaScript, das in Grenzfällen auf Leerzeichen oder implizite Semikolons angewiesen ist). Da dieser Minifier keine erweiterte semantische Analyse oder Variablenumbenennung durchführt, wird empfohlen, das Ergebnis vor der Produktion immer zu testen.
Was ist der Unterschied zwischen Minifizierung und Gzip-Komprimierung?
Die Minifizierung verändert den Quellcode selbst (Entfernen von Kommentaren, Leerzeichen, Verkürzung) und erzeugt eine kleinere Datei, die direkt ausführbar bleibt. Die Gzip-Komprimierung (oder Brotli) wird anschließend serverseitig auf die bereits minifizierte Datei angewendet: Sie komprimiert die Netzwerkübertragung, ohne den Inhalt zu verändern, und der Browser dekomprimiert sie beim Empfang. Beide Techniken ergänzen sich.
Die Minifizierung läuft zu 100 % lokal in Ihrem Browser über WebAssembly: Ihr Quellcode wird nie an einen Server gesendet.