Instrumentul Javascript Minify
Minimizarea Javascript preia codul JS frumos și bine format pe care l-ați scris și elimină spațierea, indentarea, liniile noi și comentariile. Acestea nu sunt necesare pentru ca Javascript să ruleze cu succes. De asemenea, face ca Javascript să fie mai dificil de citit atunci când vizualizați sursa.
Mulți dezvoltatori vor menține o versiune „atrăgătoare” și, la implementarea proiectului, vor rula scripturile printr-un program de minificare. De asemenea, adesea combină numeroasele fișiere script într-un singur fișier.
De ce să folosiți Javascript Minifier?
Scopul minifcării este de a crește viteza unui site web. Minimizarea poate face un script cu până la 20% mai mic, rezultând un timp de descărcare mai rapid. Unii dezvoltatori o vor folosi și pentru a-și „obfusca” codul. Acest lucru îngreunează citirea codului, ceea ce face mai dificilă ingineria inversă sau copierea.
De asemenea, este o practică obișnuită combinarea tuturor fișierelor Javascript pentru un singur site web într-un singur fișier. Acest lucru are o serie de avantaje. Reduce numărul de solicitări HTTP care trebuie efectuate pentru a obține toate elementele unui site web. De asemenea, face ca minificarea și compresia gzip să fie mai eficiente.
Exemplu de Minify în Javascript
Javascript înfrumusețat:
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);
}
Devine astfel minimizat:
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);}