Alat za smanjivanje Javascripta
Umanjivanje Javascripta uzima lijep, dobro oblikovan JS kod koji ste napisali i uklanja razmake, uvlake, nove retke i komentare. Oni nisu potrebni za uspješan rad Javascripta. Također čini Javascript težim za čitanje kada gledate izvor.
Mnogi će programeri održavati 'lijepu' verziju i nakon postavljanja svog projekta pokrenuti svoje skripte kroz program za smanjivanje. Oni također često kombiniraju svoje brojne datoteke skripti u jednu datoteku.
Zašto koristiti Javascript Minifier?
Svrha minifikacije je povećati brzinu web stranice. Minimizacija može učiniti skriptu do 20% manjom, što rezultira bržim vremenom preuzimanja. Neki programeri će ga također koristiti za 'zamaskiranje' svog koda. To otežava čitanje koda, što otežava obrnuti inženjering ili kopiranje.
Također je uobičajena praksa kombinirati sve Javascript datoteke za jedno web mjesto u jednu datoteku. Ovo ima niz prednosti. Smanjuje broj HTTP zahtjeva koje je potrebno napraviti da bi se dobili svi elementi web stranice. Također čini minimizaciju i gzip kompresiju učinkovitijom.
Primjer smanjivanja Javascripta
Uljepšani 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);
}
Postaje ovo umanjeno:
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);}