JavaScript-Kompressor mit Source Map

• Sofortige JS-Minifizierung mit Source Map: Unser JavaScript-Kompressor mit Source Map minifiziert Ihren Code und erzeugt sofort im Browser eine gültige Source-Map-v3-Datei – ohne Server-Roundtrips, ohne Build-Tools. Sie erhalten .min.js und .map in Sekunden, bereit für die Produktion.
• Sicherer JavaScript-Kompressor online: Ihr JavaScript-Code verlässt Ihr Gerät nie. Unser JavaScript-Kompressor mit Source Map online läuft vollständig clientseitig – kein Code wird je auf einen Server hochgeladen. Minifizieren Sie bedenkenlos proprietäre Geschäftslogik, API-Integrationen oder sensiblen Anwendungscode, ohne jedes Privatsphäre-Risiko.
• Source-Map-v3-Erzeugung: Unser JavaScript-Kompressor erzeugt eine vollständig gültige Source-Map-v3-JSON-Datei mit Base64-VLQ-kodierten Mappings, eingebettetem sourcesContent und korrektem sourceMappingURL-Kommentar. Browser-DevTools können die Map nutzen, um während des Debuggings den Originalcode anzuzeigen – auch in der Produktion.
• 100 % für immer kostenlos: Nutzen Sie unseren JavaScript-Kompressor mit Source Map völlig kostenlos, ohne versteckte Kosten, ohne Registrierung, ohne Werbung und ohne Nutzungslimits. Minifizieren und erzeugen Sie Source Maps online so oft Sie möchten – für private Projekte, berufliche Arbeit oder Unternehmenseinsatz. Für immer kostenlos.

Ein JavaScript-Kompressor mit Source Map ist ein Tool, das JavaScript-Code minifiziert, um die Dateigröße zu reduzieren, und gleichzeitig eine Source-Map-v3-Datei erzeugt, die Positionen der minifizierten Ausgabe auf den ursprünglichen Quellcode abbildet. So können Browser-DevTools beim Debugging den ursprünglichen, lesbaren Code anzeigen – auch wenn in der Produktion minifiziertes JavaScript ausgeliefert wird. Unser kostenloser JavaScript-Kompressor mit Source Map online implementiert einen tokenizer-basierten Minifier und einen Base64-VLQ-Source-Map-Encoder und läuft vollständig in Ihrem Browser, ohne Server-Upload.

1. 1 JavaScript einfügen oder hochladen: Geben Sie Ihr JavaScript im Eingabebereich ein oder klicken Sie auf „.js hochladen“, um eine Datei zu laden. Legen Sie den Dateinamen fest – er wird im sources-Feld der Source Map und in den Ausgabedateinamen verwendet.
2. 2 Konfigurieren und minifizieren: Wählen Sie Ihre Minifizierungsoptionen (Kommentare entfernen, Leerraum reduzieren, console.log entfernen, debugger entfernen). Klicken Sie auf „Minifizieren + Source Map erzeugen“ – die gesamte Verarbeitung erfolgt lokal in Ihrem Browser, vollständig privat.
3. 3 Beide Dateien herunterladen: Laden Sie .min.js und .map einzeln herunter oder klicken Sie auf „Beide herunterladen (.zip)“, um sie gemeinsam zu erhalten. Deployen Sie die .min.js auf Ihrem Server und legen Sie die .map am selben Pfad ab – der Kommentar in der minifizierten Datei zeigt DevTools, wo sie zu finden ist.

• Kommentare entfernt: Einzeilige ( // ) und mehrzeilige Kommentare werden aus der Ausgabe entfernt, wodurch die Dateigröße ohne Funktionsverlust sinkt.
• Leerraum reduziert: Unnötige Leerzeichen, Tabulatoren und Zeilenumbrüche zwischen Tokens werden entfernt. Erforderliche Leerzeichen zwischen Schlüsselwörtern und Bezeichnern bleiben erhalten, damit die JavaScript-Syntax gültig bleibt.
• Strings erhalten: String-Literale, Template-Literale und reguläre Ausdrücke bleiben wörtlich erhalten – der Minifier verändert niemals String-Inhalte und verhindert so versehentliche Defekte.
• Source Map erzeugt: Eine Source-Map-v3-JSON-Datei mit Base64-VLQ-kodierten Mappings, eingebettetem sourcesContent und korrektem sourceMappingURL-Kommentar wird zusammen mit der minifizierten Ausgabe erzeugt.

Deployen Sie script.min.js auf Ihrem Webserver oder CDN. Legen Sie script.min.js.map am selben URL-Pfad ab (z. B. /js/script.min.js.map). Der Kommentar am Ende der minifizierten Datei zeigt den Browser-DevTools, wo die Map abgerufen wird. Öffnen Sie in Chrome DevTools das Sources-Panel – Sie sehen die ursprüngliche Quelldatei unter der Domain aufgelistet. Aus Sicherheitsgründen können Sie den Zugriff auf die .map-Datei über Serverregeln einschränken, sodass nur Entwickler darauf zugreifen können.