Instrumentul de minimizare Javascript
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 se vizualizează sursa.
Mulți dezvoltatori vor menține o versiune „drăguță”, iar la implementarea proiectului lor își vor rula scripturile printr-un program de minificare. De asemenea, adesea combină numeroasele lor fișiere script într-un singur fișier.
De ce să folosiți Javascript Minifier?
Scopul minifcației 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 îl vor folosi și pentru a-și „obscura” codul. Acest lucru îngreunează citirea codului, făcând astfel mai dificilă ingineria inversă sau copierea.
De asemenea, este o practică obișnuită să combinați toate fișierele Javascript pentru un singur site web într-un singur fișier. Acest lucru are o serie de beneficii. Reduce numărul de solicitări HTTP care trebuie făcute pentru a obține toate elementele unui site web. De asemenea, face minificarea și compresia gzip mai eficiente.
Exemplu de minimizare 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);}