Alat Dalam Talian Percuma Javascript Minify

Alat Kecilkan Javascript

Meminimumkan Javascript mengambil kod JS yang cantik dan terbentuk dengan baik yang telah anda tulis dan mengalih keluar jarak, lekukan, baris baharu dan ulasan. Ini tidak diperlukan untuk Javascript berjalan dengan jayanya. Ia juga menjadikan Javascript lebih sukar dibaca apabila melihat sumbernya.

Ramai pembangun akan mengekalkan versi 'cantik', dan apabila projek mereka digunakan, jalankan skrip mereka melalui program pengurangan. Mereka juga sering menggabungkan banyak fail skrip mereka ke dalam satu fail.

Mengapa menggunakan Javascript Minifier?

Tujuan minifcation adalah untuk meningkatkan kelajuan laman web. Pengecilan boleh menjadikan skrip sehingga 20% lebih kecil, menghasilkan masa muat turun yang lebih pantas. Sesetengah pembangun juga akan menggunakannya untuk 'mengelirukan' kod mereka. Ini menyukarkan kod untuk dibaca, sekali gus menjadikannya lebih sukar untuk membuat kejuruteraan terbalik atau menyalin.

Ia juga merupakan amalan biasa untuk menggabungkan semua fail Javascript untuk satu tapak web ke dalam satu fail. Ini mempunyai beberapa faedah. Ia mengurangkan bilangan permintaan HTTP yang perlu dibuat untuk mendapatkan semua elemen tapak web. Ia juga menjadikan pemampatan minifikasi dan gzip lebih berkesan.

Contoh Javascript Minify

Javascript yang dipercantik:

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

Menjadi ini diperkecilkan:

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