Komprimieren und optimieren Sie JavaScript

Webentwickler nutzen JavaScript-Minifier, wenn sie kompakten Code für Auslieferung oder einen kontrollierten Vergleich vorbereiten.

Komprimieren und optimieren Sie JavaScript und erhalten Sie kompakten Code für den nächsten Schritt. Direkt im Browser nutzbar, ohne Anmeldung.

Bedienung

Fügen Sie das Skript, das Sie verkleinern möchten, in den Eingabebereich ein, oder laden Sie die Datei direkt von Ihrem Computer über die Import-Schaltfläche.
Führen Sie den Minifier aus: Überflüssige Leerzeichen und Zeilenumbrüche werden entfernt, wodurch die Datei kleiner wird.
Kopieren Sie die kompakte Version, um sie zu veröffentlichen, zu vergleichen oder in eine Seite einzufügen.
Testen Sie das Ergebnis, bevor Sie es live stellen, denn kompakter Code ist schwer zu lesen, wenn etwas schiefgeht.
Bewahren Sie für die künftige Wartung immer die ursprüngliche, besser lesbare Datei auf.

Beispiel

Eine typische Situation: Sie bereiten ein kleines Skript zum Einbetten in eine Seite vor und möchten die übertragene Datenmenge verringern. Prüfen Sie nach dem Minifizieren vor allem, ob sich das Skript noch genau wie zuvor verhält, indem Sie es in der Browser-Konsole ausführen.

Grenzen und Formate

Minifizieren macht Code nicht von selbst schneller; seine Hauptwirkung ist eine kleinere Datei.
Kompakte Dateien sind danach sehr schwer zu lesen, bewahren Sie daher immer ein nicht minifiziertes Original in Ihrem Repository auf.
Ein Skript mit Syntaxproblemen lässt sich möglicherweise nicht sauber komprimieren, testen Sie daher die zurückgegebene Version.
Prüfen Sie die Ausgabe, wenn Ihr Code auf bedeutungstragenden Leerzeichen innerhalb von Zeichenketten beruht.

Wo die Verarbeitung stattfindet

Die Komprimierung erfolgt in Ihrem Browser mit dem Skript, das Sie bereitstellen. Nichts wird an Dritte gesendet und nichts bleibt zurück, sobald der Tab geschlossen ist, was für proprietären Code geeignet ist, den Sie lieber nicht hochladen möchten.

Häufige Fragen

Entfernt das Minifizieren Funktionen?

Es sollte nicht ändern, wie sich das Skript verhält, da es auf das Layout des Codes wirkt. Testen Sie die Ausgabe dennoch an einer Kopie, bevor Sie die in der Produktion verwendete Datei ersetzen, und bewahren Sie eine Sicherung auf, bis Sie mit dem Ergebnis zufrieden sind.

Welche Dateien kann ich laden?

Die Dateiauswahl akzeptiert unter anderem .js-, .mjs-, .cjs-, .ts-, .tsx-, .html-, .css-, .json-, .sql- und .graphql-Dateien sowie reinen Text. Es wird jeweils eine Datei verarbeitet.

Warum funktioniert mein minifiziertes Skript nicht mehr?

Eine falsch gelesene Zeichenkette oder ein falsch platziertes Semikolon kann zu kompaktem Code werden, der nicht mehr läuft. Gehen Sie zum Original zurück, testen Sie das Skript in der Browser-Konsole und korrigieren Sie den Teil, der einen Fehler auslöst.