Alat Minifikasi Javascript
Minifying Javascript mengambil kode JS yang bagus dan terbentuk dengan baik yang telah Anda tulis dan menghapus spasi, indentasi, baris baru, dan komentar. Ini tidak diperlukan agar Javascript dapat berjalan dengan sukses. Ini juga membuat Javascript lebih sulit dibaca saat melihat sumbernya.
Banyak pengembang akan mempertahankan versi yang 'cantik', dan setelah proyek mereka diimplementasikan, menjalankan skrip mereka melalui program minifikasi. Mereka juga sering menggabungkan banyak berkas skrip mereka menjadi satu berkas.
Mengapa menggunakan Javascript Minifier?
Tujuan dari minifikasi adalah untuk meningkatkan kecepatan situs web. Minimisasi dapat membuat skrip hingga 20% lebih kecil, sehingga waktu pengunduhan menjadi lebih cepat. Beberapa pengembang juga akan menggunakannya untuk 'mengaburkan' kode mereka. Hal ini membuat kode sulit dibaca, sehingga membuatnya lebih sulit untuk direkayasa ulang atau disalin.
Menggabungkan semua berkas Javascript untuk satu situs web menjadi satu berkas juga merupakan praktik umum. Hal ini memiliki sejumlah manfaat. Hal ini mengurangi jumlah permintaan HTTP yang perlu dibuat untuk mendapatkan semua elemen situs web. Hal ini juga membuat pengecilan ukuran dan kompresi gzip menjadi lebih efektif.
Contoh Minifikasi Javascript
Javascript yang diperindah:
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 seperti ini:
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);}