JS/CSS-Minifizierer
FreeVerkleinert JavaScript oder CSS durch Entfernen von Leerzeichen und Kommentaren, mit optionalem Variablen-Mangling für JavaScript und Größenstatistik vorher/nachher.
Läuft vollständig in Ihrem Browser. Ihr Code wird niemals irgendwohin hochgeladen.
Was dieses Tool macht
Fügen Sie lesbaren JavaScript- oder CSS-Code ein, und dieses Tool verkleinert ihn, indem es Leerzeichen und Kommentare entfernt und (bei JavaScript optional) lokale Variablennamen verkürzt, wodurch eine kleinere Datei mit identischem Verhalten entsteht.
So funktioniert es
Das Tool analysiert Ihren Code mithilfe der Open-Source-Engine terser für JavaScript und clean-css für CSS in einen abstrakten Syntaxbaum und erzeugt dann aus diesem Baum den kompaktesten gleichwertigen Quellcode: Es entfernt Kommentare und unnötige Leerzeichen, verkürzt numerische Werte und Farbwerte, wo dies sicher möglich ist, und benennt bei JavaScript mit aktiviertem Mangling lokale Bezeichner in die kürzesten verfügbaren Namen um. Da die Transformation auf der analysierten Struktur und nicht auf dem Rohtext arbeitet, verhält sich der resultierende Code identisch zum Original.
Probleme, die es löst
- Verkleinern der JavaScript- oder CSS-Dateigröße, um das Laden der Seite zu beschleunigen, besonders vor einem manuellen Deployment ohne Build-Pipeline.
- Schnelles Erzeugen eines produktionsreifen Bundles aus einem einzelnen Skript oder Stylesheet, ohne ein vollständiges Build-Tool einzurichten.
- Genau sehen, wie viel kleiner eine Datei wird, mit einem exakten Vorher-Nachher-Größenvergleich.
Häufig gestellte Fragen
›Formatiert oder verschönert dieses Tool auch den Code?
Nein, dieses Tool minimiert (verkleinert) den Code nur durch Entfernen von Leerzeichen und Kommentaren. Wenn Sie stattdessen lesbaren, korrekt eingerückten Code benötigen, verwenden Sie ein spezielles Formatierungstool.
›Was bedeutet „Mangling“ bei JavaScript?
Mangling benennt lokale Variablen und Funktionsparameter überall dort, wo es sicher ist, in kurze Namen wie „a“ oder „b“ um, was über das reine Entfernen von Leerzeichen hinaus zusätzliche Bytes spart. Global zugängliche Namen werden niemals umbenannt, sodass Code, der auf bestimmte globale Bezeichner angewiesen ist, nicht beschädigt wird.
›Ist minimierter Code sicher für den produktiven Einsatz?
Ja, die Minimierung ändert nur Leerzeichen, Kommentare und (optional) lokale Variablennamen. Die Logik und das Verhalten des Codes bleiben exakt erhalten, weshalb minimiertes JavaScript und CSS auf Produktions-Websites gängige Praxis sind.
›Warum ist die Minimierung mit einem Fehler fehlgeschlagen?
Minimierungstools benötigen gültiges, auswertbares JavaScript oder CSS. Wenn Ihre Eingabe einen Syntaxfehler enthält, kann das Tool keine korrekte interne Darstellung davon erstellen. Prüfen Sie den Code in einem Linter oder der Browser-Konsole, um das genaue Problem zu finden, beheben Sie es und versuchen Sie es erneut.
›Sollte ich eine nicht minimierte Kopie meines Codes aufbewahren?
Ja. Bewahren Sie immer Ihren ursprünglichen, lesbaren Quellcode als die Version auf, die Sie bearbeiten und pflegen, und erzeugen Sie die minimierte Version als Build-Schritt. Behandeln Sie die minimierte Ausgabe als Wegwerfprodukt und nicht als Datei zum manuellen Bearbeiten.
Verwandte Tools
Text
JS/CSS-Formatierer
Formatiert minimiertes oder uneinheitlich eingerücktes JavaScript oder CSS in lesbaren, korrekt eingerückten Code um, mit einstellbarem Einrückungsstil und Größenstatistik vorher/nachher.
FreeText
HTML-Validator
Prüft HTML auf nicht geschlossene Tags, doppelte IDs, veraltete Elemente und andere häufige, klar definierte Probleme, mit einem eigenen Tag-Abgleich-Parser verifiziert, kein vollständiger W3C-Konformitätsvalidator.
FreeText
IPv4-zu-IPv6-Konverter
Erzeugt IPv4-gemappte, IPv4-kompatible, 6to4- und NAT64-IPv6-Darstellungen einer IPv4-Adresse und extrahiert die IPv4-Adresse wieder aus jeder dieser IPv6-Formen.
FreeText
JSON-Kodierer
Kodiert Klartext in ein gültiges JSON-String-Literal (durch Maskierung von Anführungszeichen, Backslashes und Zeilenumbrüchen) und dekodiert es zurück, mit einer Aufschlüsselung der maskierten Zeichen.
FreeText
JSON-Formatierer
Validiert und formatiert oder minimiert ein vollständiges JSON-Dokument, mit einstellbarer Einrückung, optionaler Schlüsselsortierung und exakter Zeilen-/Spalten-Fehlermeldung.
FreeText
JWT-Decoder
Dekodiert einen JWT-Header und Payload in lesbares JSON, wandelt Zeitstempel-Claims in lesbare Daten um, markiert abgelaufene Token und kann eine HS256-Signatur mit einem von Ihnen angegebenen Geheimnis verifizieren.
FreeText
llms.txt-Generator
Erzeugt eine llms.txt-Datei nach der llmstxt.org-Spezifikation aus einem Titel, einer Zusammenfassung und Link-Abschnitten, mit Optional-Abschnittsgruppierung und Live-Vorschau.
FreeText
Markdown-Vorschau
Rendert Markdown als Live-, bereinigtes HTML neben der Quelle, mit einer Umschaltfunktion zum Anzeigen und Kopieren des generierten HTML.
Kommentare (0)
Fanden Sie dieses Tool nützlich? Hinterlassen Sie einen Kommentar, teilen Sie einen Tipp oder sagen Sie uns, wie wir es verbessern können.
Noch keine Kommentare. Seien Sie der Erste, der seine Meinung teilt!