HTML-, CSS- und JS-Minifier
Kommentare und überflüssigen Leerraum sicher entfernen, Ausgabe kopieren oder als .min-Datei herunterladen.
Tool
Dieses Werkzeug minimiert HTML, CSS, JavaScript und JSON: Es entfernt Kommentare, Leerzeilen, Einrückungen und den Leerraum um Satzzeichen und rührt sonst nichts an. Zeichenketten, der Inhalt von url(), Template-Literale, reguläre Ausdrücke, die Inhalte von pre, textarea, script und style, bedingte Kommentare und Lizenzkommentare, die mit /*! beginnen, bleiben unverändert; in HTML wird kein Tag und kein Attribut-Anführungszeichen entfernt. Fügen Sie den Code ein oder laden Sie eine Datei bis 2 MB hoch; alles läuft in Ihrem Browser, der Code wird an keinen Server gesendet.
Das Ergebnis zeigt die Größe von Quelle und Ausgabe in Byte, die Ersparnis in Prozent und, wenn Ihr Browser es unterstützt, die echte gzip-Größe beider Texte. Achten Sie auf dieses letzte Feld: Server liefern Dateien ohnehin mit gzip oder brotli komprimiert aus, und wiederholter Leerraum samt Einrückung belegt komprimiert nur sehr wenig Platz. Die Minimierung allein bringt daher einen begrenzten Geschwindigkeitsgewinn und wird erst zusammen mit der Komprimierung sinnvoll. Für die Seitengeschwindigkeit zählen Komprimierung und Cache-Header, Bildgrößen und unnötige Skripte meist mehr.
Das Werkzeug kürzt keine Variablennamen, wandelt keinen Code um, ändert keine CSS-Werte (0.5 bleibt 0.5, 0px bleibt 0px) und löscht keine leeren Regeln; diese Grenze ist Absicht, damit sich die Ausgabe genau wie die Quelle verhält. In JavaScript bleiben Zeilenumbrüche erhalten, sodass die automatische Semikolonsetzung unberührt bleibt; die Unterscheidung zwischen Division und regulärem Ausdruck erfolgt jedoch anhand des vorherigen Tokens, und JSX wird nicht unterstützt. Build-Werkzeuge wie Vite, Next.js und webpack erledigen diese Aufgabe bereits; dieses Werkzeug ist für kleine Websites ohne Build-Schritt, einzelne Dateien und schnelle Prüfungen gedacht. Bewahren Sie die Quelldatei immer auf und bearbeiten Sie die minimierte Datei nie von Hand.
Häufige Fragen
Warum ist die Ausgabe weniger geschrumpft als erwartet?
Das Werkzeug entfernt nur Kommentare und Leerraum; es kürzt keine Namen und wandelt keinen Code um. Bei ohnehin kompakten oder kommentararmen Dateien ändert sich wenig. Nutzt der Server gzip oder brotli, schrumpft der Unterschied weiter, und genau das zeigt das gzip-Feld.
Ist die JavaScript-Ausgabe sicher?
Zeilenumbrüche bleiben erhalten, sodass sich die automatische Semikolonsetzung nicht ändert; Zeichenketten, Template-Literale und reguläre Ausdrücke bleiben unangetastet. Die Unterscheidung zwischen Division und regulärem Ausdruck beruht auf dem vorherigen Token und kann in sehr seltenen Fällen danebenliegen; öffnen Sie die Seite vor der Veröffentlichung und prüfen Sie die Konsole. Für den Produktionsbuild nutzen Sie esbuild, terser oder das Build-Werkzeug Ihres Projekts.
Wird mein Code irgendwohin gesendet?
Nein. Der eingefügte oder hochgeladene Code wird nur in Ihrem Browser verarbeitet; auch die gzip-Schätzung berechnet der Browser mit seiner eigenen Komprimierungsschnittstelle. Beim Neuladen der Seite ist alles gelöscht.
Kann ich die minimierte Datei später bearbeiten?
Bearbeiten Sie immer die Quelldatei und minimieren Sie erneut; Handänderungen in einer auf eine Zeile reduzierten Datei verursachen Fehler und gehen beim nächsten Durchlauf verloren. Halten Sie die Quelle in der Versionsverwaltung und behandeln Sie die minimierte Datei wie Build-Ausgabe.
