Nemokamas internetinis įrankis Javascript Minify

„Javascript“ sumažinimo įrankis

Sumažinant „Javascript“ paimamas gražus, gerai suformuotas JS kodas, kurį parašėte, ir pašalinami tarpai, įtrauka, naujos eilutės ir komentarai. Jų nereikia, kad „Javascript“ veiktų sėkmingai. Tai taip pat apsunkina „Javascript“ skaitymą žiūrint šaltinį.

Daugelis kūrėjų išlaikys „gražią“ versiją ir, įdiegę savo projektą, vykdys savo scenarijus naudodami sumažinimo programą. Jie taip pat dažnai sujungia daugybę scenarijaus failų į vieną failą.

Kodėl verta naudoti „Javascript Minifier“?

Minifavimo tikslas – padidinti svetainės greitį. Sumažinus scenarijų, scenarijus gali būti iki 20 % mažesnis, todėl atsisiuntimo laikas bus greitesnis. Kai kurie kūrėjai taip pat naudos jį savo kodui „užtemdyti“. Dėl to kodą sunku nuskaityti, todėl sunkiau pakeisti arba kopijuoti.

Taip pat įprasta sujungti visus vienos svetainės „Javascript“ failus į vieną failą. Tai turi nemažai privalumų. Tai sumažina HTTP užklausų, kurias reikia pateikti norint gauti visus svetainės elementus, skaičių. Taip pat efektyvesnis sumažinimas ir gzip glaudinimas.

Javascript sumažinimo pavyzdys

Pagražintas 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:

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);}