ToolsMaxxing
Deutsch
EnglishEspañolPortuguêsBahasa Indonesiaहिन्दीবাংলাРусскийTiếng ViệtFrançaisDeutschTürkçeالعربية

HTML, CSS und JS minimieren

Verkleinere HTML, CSS und JavaScript, indem du Leerraum, Kommentare und überflüssige Bytes entfernst.

Deine Dateien bleiben auf deinem Gerät

So funktioniert es

  1. 1Wähle JavaScript, CSS oder HTML.
  2. 2Füge deinen Code ein oder wähle „Beispiel ausprobieren“.
  3. 3Stelle die Optionen für diese Sprache ein.
  4. 4Kopiere den minimierten Code oder lade ihn herunter und prüfe die Größenzeile unter den Feldern.

Was die Optionen bewirken

JavaScript
Nutzt Terser, um Kommentare und Leerraum zu entfernen, Ausdrücke zu vereinfachen und nicht erreichbaren Code zu entfernen.
Variablennamen kürzen
Benennt lokale Variablen in einzelne Buchstaben um. Schalte es aus, wenn dein Code Namen zur Laufzeit liest, zum Beispiel über eval.
CSS
Nutzt csso, um Regeln zusammenzuführen, Farben und Werte zu kürzen und Kommentare zu entfernen.
HTML
Fasst Leerraum zusammen und entfernt Kommentare und überflüssige Attribute.
Inline-CSS und -JS minimieren
Verkleinert auch Code in style- und script-Tags im HTML.

Datenschutz

Alles läuft in deinem Browser. Was du einfügst, wird nie an einen Server gesendet. Unveröffentlichter Code bleibt auf deinem Gerät.

Häufige Fragen

Ist minimierter Code sicher in der Anwendung?

Minifier sollen das Verhalten gleich halten, aber teste das Ergebnis. Code, der von Funktionsnamen abhängt, sich auf eval stützt oder Syntaxfehler hat, kann kaputtgehen. Behalte deine Originaldatei.

Warum meldet es einen Syntaxfehler?

JavaScript wird vor dem Verkleinern geparst, daher stoppen Fehler wie eine fehlende Klammer das Tool und zeigen die Zeile. CSS und HTML sind nachsichtiger und werden oft so minimiert, wie sie geschrieben sind.

Wie viel kleiner wird meine Datei?

Das hängt davon ab, wie viel Leerraum und wie viele Kommentare du hast. Handgeschriebene Dateien schrumpfen oft um 20 bis 60 Prozent. Gzip oder Brotli auf deinem Server spart zusätzlich noch mehr.

Unterstützt es modernes JavaScript?

Ja. Aktuelle Syntax wie Pfeilfunktionen, Klassen, async-Funktionen und Optional Chaining wird unterstützt. Code wird nicht in ältere Syntax umgewandelt.

Kann ich eine Source Map bekommen?

Nein. Dieses Tool gibt nur den minimierten Code aus. Nutze dein Build-Tool, wenn du Source Maps zum Debuggen brauchst.

Ähnliche Tools