Minifier

CSS, JS und HTML

Keine Datenbank: AIMRAN speichert weder deine Dateien noch Texte oder Ergebnisse

Was ist Minifier?

Minifizieren heißt, aus dem Code alles zu entfernen, was der Computer nicht braucht – Leerzeichen, Zeilenumbrüche und Kommentare –, damit die Dateien kleiner sind und die Website schneller lädt.

Füge dein CSS, JavaScript oder HTML ein und du erhältst sofort die komprimierte Version samt Ersparnis in Byte und Prozent.

So funktioniert es

  1. Wähle die Sprache: CSS, JavaScript oder HTML.
  2. Füge den Code in das Feld „Code“ ein.
  3. Passe die Optionen an: komprimieren, Namen kürzen, ES-Modul, Lizenzen behalten oder Inline-CSS und -JS minifizieren.
  4. Prüfe das Ergebnis und die erzielte Ersparnis.
  5. Kopiere den minifizierten Code oder lade ihn herunter.

Vorteile

Technische Details

CSS wird mit einem tokenbasierten Parser minifiziert, der Strings, url() und Lizenzkommentare /*! respektiert: Er entfernt Kommentare, überflüssige Leerzeichen und das letzte Semikolon jedes Blocks. JavaScript wird mit Terser verarbeitet, mit Optionen zum Komprimieren (toten Code entfernen und Ausdrücke vereinfachen), zum Kürzen interner Variablennamen (mangle), zur Behandlung als ES-Modul mit import/export und zum Behalten von /*!- und @license-Kommentaren. HTML wird tokenisiert, wobei der Inhalt von pre, textarea, script und style unangetastet bleibt; Kommentare und Leerraum zwischen Tags werden entfernt, optional auch CSS in style- und JS in script-Blöcken mit denselben Engines minifiziert. Syntaxfehler zeigen Zeile und Spalte. Die Ersparnis wird in UTF-8-Byte gemessen.

Häufige Fragen

Was bedeutet Code minifizieren?

Leerzeichen, Zeilenumbrüche, Kommentare und andere unnötige Zeichen entfernen, ohne die Funktion des Codes zu ändern – damit er kleiner ist und schneller geladen wird.

Verbessert Minifizieren das SEO?

Indirekt ja: Es verringert die Seitengröße und verbessert die Ladezeit, die Google im Rahmen der Page Experience berücksichtigt.

Kann man minifizierten Code wiederherstellen?

Man kann ihn wieder mit Einrückungen formatieren, aber Kommentare und die ursprünglichen Namen gekürzter Variablen sind verloren. Bewahre immer das Original auf.

Was macht die Option „Namen kürzen“?

Sie benennt interne Variablen in Funktionen in Namen mit ein oder zwei Buchstaben um. Das spart viel Platz, ohne die Funktion zu beeinträchtigen.

Was ist der Unterschied zwischen Minifizieren und gzip-Komprimierung?

Minifizieren entfernt überflüssigen Inhalt aus dem Code; gzip oder Brotli komprimieren die Datei bei der Übertragung. Beides ergänzt sich, am besten nutzt man beides.

Weitere Tools: Entwickler