Strumento di minimizzazione Javascript
La minimizzazione di Javascript prende il codice JS ben strutturato che hai scritto e rimuove spaziatura, indentazione, nuove righe e commenti. Questi non sono necessari per il corretto funzionamento di Javascript. Inoltre, rende Javascript più difficile da leggere quando si visualizza il codice sorgente.
Molti sviluppatori mantengono una versione "pretty" e, al momento della distribuzione del progetto, eseguono gli script tramite un programma di minificazione. Spesso combinano anche i loro numerosi file di script in un unico file.
Perché utilizzare Javascript Minifier?
Lo scopo della minimizzazione è aumentare la velocità di un sito web. La minimizzazione può ridurre le dimensioni di uno script fino al 20%, con conseguente riduzione dei tempi di download. Alcuni sviluppatori la usano anche per "offuscare" il codice. Questo ne rende difficile la lettura, rendendolo quindi più difficile da sottoporre a reverse engineering o da copiare.
È anche prassi comune combinare tutti i file Javascript di un singolo sito web in un unico file. Questo offre diversi vantaggi. Riduce il numero di richieste HTTP necessarie per ottenere tutti gli elementi di un sito web. Rende inoltre più efficaci la minimizzazione e la compressione gzip.
Esempio di minimizzazione di Javascript
Javascript abbellito:
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);
}Diventa così rimpicciolito:
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);}