Javascript-Minimierungstool
Die Minimierung von Javascript übernimmt den hübschen, wohlgeformten JS-Code, den Sie geschrieben haben, und entfernt Leerzeichen, Einrückungen, Zeilenumbrüche und Kommentare. Diese sind für die erfolgreiche Ausführung von Javascript nicht erforderlich. Außerdem wird dadurch die Lesbarkeit des Javascripts beim Betrachten der Quelle erschwert.
Viele Entwickler pflegen eine „hübsche“ Version und führen ihre Skripte bei der Bereitstellung ihres Projekts über ein Minimierungsprogramm aus. Außerdem fassen sie häufig ihre vielen Skriptdateien in einer einzigen Datei zusammen.
Warum Javascript Minifier verwenden?
Der Zweck der Minifkation besteht darin, die Geschwindigkeit einer Website zu erhöhen. Durch die Minimierung kann ein Skript um bis zu 20 % kleiner werden, was zu einer schnelleren Downloadzeit führt. Einige Entwickler nutzen es auch, um ihren Code zu „verschleieren“. Dies erschwert das Lesen des Codes und erschwert somit das Reverse Engineering oder Kopieren.
Es ist auch üblich, alle Javascript-Dateien für eine einzelne Website in einer Datei zusammenzufassen. Dies hat eine Reihe von Vorteilen. Es reduziert die Anzahl der HTTP-Anfragen, die gestellt werden müssen, um alle Elemente einer Website abzurufen. Außerdem werden die Minimierung und die GZIP-Komprimierung effektiver.
Beispiel für eine Javascript-Minimierung
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 dies 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);}