JavaScript Minify Tool – Kostenloser Online-JS-Minimierer und -Kompressor

Javascript-Minify-Tool

Beim Minimieren von Javascript werden aus dem schönen, gut geschriebenen JS-Code Leerzeichen, Einrückungen, Zeilenumbrüche und Kommentare entfernt. Diese sind für die erfolgreiche Ausführung von Javascript nicht erforderlich. Außerdem wird das Javascript dadurch beim Anzeigen des Quellcodes schwieriger lesbar.

Viele Entwickler pflegen eine „schöne“ Version und führen ihre Skripte nach der Bereitstellung ihres Projekts durch ein Minimierungsprogramm. Sie fassen außerdem häufig ihre zahlreichen Skriptdateien in einer einzigen Datei zusammen.

Warum Javascript Minifier verwenden?

Der Zweck der Minimierung besteht darin, die Geschwindigkeit einer Website zu erhöhen. Durch die Minimierung kann ein Skript um bis zu 20 % verkleinert werden, was zu einer schnelleren Downloadzeit führt. Manche Entwickler nutzen die Minimierung auch, um ihren Code zu „verschleiern“. Dadurch wird das Lesen des Codes erschwert und somit Reverse Engineering oder Kopieren erschwert.

Es ist auch üblich, alle Javascript-Dateien einer Website in einer Datei zusammenzufassen. Dies bietet mehrere Vorteile. Es reduziert die Anzahl der HTTP-Anfragen, die zum Abrufen aller Elemente einer Website erforderlich sind. Außerdem werden Minimierung und GZIP-Komprimierung dadurch effektiver.

Javascript-Minify-Beispiel

Verschönertes Javascript:

var a = document.createElement('a');  
mimeType = mimeType || 'application/octet-stream';  
if(navigator.msSaveBlob) {  
    navigator.msSaveBlob(new Blob([content], {  
        type: mimeType  
    }), fileName);  
} else if(URL && 'download' in a) {  
    a.href = URL.createObjectURL(new Blob([content], {  
        type: mimeType  
    }));  
    a.setAttribute('download', fileName);  
    document.body.appendChild(a);  
    a.click();  
    document.body.removeChild(a);  
} else {  
    location.href = 'data:application/octet-stream,' + encodeURIComponent(content);  
}

Wird dadurch minimiert:

var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}