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