Pada kesempatan kali ini saya akan menjelaskan cara kompress file JavaScript. Perlu teman-teman ketahui sebelumnya, apabila teman-teman membuat website dengan ukuran file JavaScript yang cukup besar tentunya sangat mempengaruhi loading website tersebut dan dampak tersebut terasa sangat membosankan pengunjung website teman-teman. Disamping itu, loading website yang disebabkan oleh besarnya file JavaScript tersebut dapat mempengaruhi peringkat website teman-teman di mata google, karena salah satu syarat untuk website yang masuk kategori SEO Friendly salah satunya adalah loading website yang cepat.

Metode compressed dapat diterapkan di fileĀ JavaScript yang memiliki ukuran besar. Dan metode tersebut sudah tidak menjadi rahasia lagi dan sudah banyak di terapkan oleh banyak pengembang-pengembang website dan pengembang-pengembang Framework JavaScript. tidak hanya itu saja, selain fileĀ JavaScript seperti file php, css dan html pun bisa di kompres atau diperkecil ukuran filenya tanpa mempengaruhi sedikitpun fungsi dari kode-kode yang teman-teman buat. Dan mungkin teman-teman pernah melihat dan sempat bertanya-tanya, kenapa pada saat download Framework Bootstrap ada beberapa file dengan nama bootstrap.js dan bootstrap.min.js.

Sebenarnya perbedaan dari file tersebut seperti halnya file bootstrap.js dan file bootstrap.min.js isinya adalah sama, hanya saja isi kode pada file tersebut merupakan hasil kode dari file bootstrap.js yang sudah di kompress atau bisa dibilang dengan istilah minify dengan harapan file tersebut tidak mempengaruhi loading website karena file tersebut berukuran kecil dan sudah di kompress. Oleh sebab itu file tersebut dinamakan menjadi bootstrap.min.js.

Dan untuk mengkompres file JavaScript tersebut, tersedia beberapa tools yang dapat teman-teman akses langsung melalui online, salah satu yang saya gunakan pada contoh penjelasan disini adalah JS Compress, berikut link nya jscompress.com. Dengan tools tersebut yang perlu teman-teman lakukan hanya memasukan semua kode JavaScript yang sudah teman-teman buat di tools tersebut, kemudian selanjutnya teman-teman bisa langsung menekan tombol Compress JavaScript, tunggu hingga proses kompress tersebut selesai dan jika sudah, teman-teman bisa langsung salin di kotak Output dan terapkan pada kode JavaScript teman-teman, atau buat baru file tersebut dengan nama namafile.min.js.

Berikut contoh gambarnya :

cara kompress file JavaScript

Sampai disini penjelasan saya mengenai cara kompress file JavaScript, semoga bermanfaat.