„Javascript“ mažinimo įrankis
„Javascript“ sumažinimas pašalina tarpus, įtraukas, naujas eilutes ir komentarus iš jūsų parašyto gražaus, gerai suformuoto JS kodo. Jie nėra būtini, kad „Javascript“ sėkmingai veiktų. Tai taip pat apsunkina „Javascript“ skaitymą peržiūrint šaltinio kodą.
Daugelis kūrėjų palaiko „gražią“ versiją ir, įdiegę savo projektą, paleidžia savo scenarijus naudodami minimizavimo programą. Jie taip pat dažnai sujungia daugybę savo scenarijų failų į vieną failą.
Kodėl verta naudoti „Javascript Minifier“?
Minimizavimo tikslas – padidinti svetainės greitį. Minimizavimas gali sumažinti scenarijų iki 20 %, todėl jo atsisiuntimas sutrumpėja. Kai kurie kūrėjai taip pat naudoja šį metodą savo kodui „užmaskuoti“. Dėl to kodą sunku perskaityti, todėl jį sunkiau atkurti ar nukopijuoti.
Taip pat įprasta sujungti visus vienos svetainės „Javascript“ failus į vieną failą. Tai turi daug privalumų. Tai sumažina HTTP užklausų, kurias reikia pateikti norint gauti visus svetainės elementus, skaičių. Tai taip pat leidžia efektyviau naudoti minimizavimą ir gzip glaudinimą.
„Javascript“ sumažinimo pavyzdys
Patobulintas „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);
}
Sumažėja taip:
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);}