Mengkompres file JS dan CSS menggunakan Netbeans

Saat akan men-deploy aplikasi web, seringkali kita ingin melakukan kompresi file Javascript dan CSS, agar memperkecil ukuran file dan secara langsung memperingan load website.

Netbeans, IDE favorit yang saya pakai selama ini memiliki plugins untuk melakukan kompresi ini, namanya JS CSS Minify Compress. Plugins ini bisa diinstal di menu Tools > Plugins. Kemudian di tab Available Plugins, cari dan centang JS CSS Minify Compress, kemudian klik Install.

plugins

Setelah proses install selesai, kita bisa meng-kompress file dengan cara klik kanan file yang diinginkan, misalnya namanya ada script.js, kemudian klik Minify JS (untuk file Javascript) atau Minify CSS (untuk file CSS). Dan voila… file yang sudah di kompress akan muncul dengan nama script.min.js di folder yang sama.

Apabila ingin mengubah pengaturan plugins, buka Tools > Options, kemudian klik bagian JS CSS Minify Compress. Kita bisa mengubah setting misalnya untuk nama file hasil kompresi, karakter pemisah, pilihan untuk otomatis mengkompress setiap menyimpan file, dll.