Javascript Minify-værktøj
Minifisering af Javascript tager den pæne, velformede JS-kode, du har skrevet, og fjerner afstand, indrykning, nye linjer og kommentarer. Disse er ikke nødvendige for at Javascript kan køre korrekt. Det gør også Javascript vanskeligere at læse, når man ser kildekoden.
Mange udviklere vil vedligeholde en 'pæn' version, og når deres projekt er implementeret, kører de deres scripts gennem et minificeringsprogram. De kombinerer også ofte deres mange scriptfiler i en enkelt fil.
Hvorfor bruge Javascript Minifier?
Formålet med minifcation er at øge hastigheden på et websted. Minimering kan gøre et script op til 20% mindre, hvilket resulterer i en hurtigere downloadtid. Nogle udviklere bruger det også til at 'obfuscate' deres kode. Dette gør det vanskeligt at læse koden, hvilket gør det vanskeligere at reverse engineere eller kopiere.
Det er også almindelig praksis at kombinere alle Javascript-filerne for et enkelt websted i én fil. Dette har en række fordele. Det reducerer antallet af HTTP-anmodninger, der skal foretages for at få alle elementerne på et websted. Det gør også minificering og gzip-komprimering mere effektiv.
Javascript Minify-eksempel
Forskønnet 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);
}
Bliver denne minimeret:
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);}