Ilmainen online-työkalu Javascript Minify

Javascriptin pienennystyökalu

Javascriptin pienentäminen ottaa kauniin, hyvin muotoillun JS-koodin, jonka olet kirjoittanut, ja poistaa välilyönnit, sisennykset, rivinvaihdot ja kommentit. Näitä ei tarvita, jotta Javascript toimii onnistuneesti. Se myös vaikeuttaa Javascriptin lukemista lähdettä tarkasteltaessa.

Monet kehittäjät ylläpitävät "kaunista" versiota, ja projektin käyttöönoton jälkeen suorittavat komentosarjojaan pienennysohjelman kautta. He myös usein yhdistävät monet skriptitiedostot yhdeksi tiedostoksi.

Miksi käyttää Javascript Minifieria?

Minifioinnin tarkoituksena on nopeuttaa verkkosivustoa. Minimointi voi tehdä skriptistä jopa 20 % pienemmän, mikä nopeuttaa latausaikaa. Jotkut kehittäjät käyttävät sitä myös koodinsa "hämärtämiseen". Tämä vaikeuttaa koodin lukemista, mikä vaikeuttaa kääntämistä tai kopioimista.

On myös yleinen käytäntö yhdistää kaikki yhden verkkosivuston Javascript-tiedostot yhdeksi tiedostoksi. Tästä on useita etuja. Se vähentää HTTP-pyyntöjen määrää, joka on tehtävä, jotta sivuston kaikki elementit saadaan. Se myös tekee pienentämisestä ja gzip-pakkauksesta tehokkaampaa.

Esimerkki Javascriptin pienentämisestä

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

Tästä tulee pienennetty:

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