Memperkecil ukuran file Javascript website — Sebagai seorang web developer, Anda tentu saja dituntut untuk membuat website yang memiliki waktu muat (load) yang cepat agar pengunjung tidak kesal dan meninggalkan website.

Untuk membuat website menjadi lebih cepat ada berbagai macam cara, salah satunya adalah dengan mengecilkan ukuran file, termasuk file Javascript atau JS.

Memperkecil ukuran javascript biasanya digunakan sebuah tools yang bisa melakukan hal-hal berikut ini:

  • Menghapus spasi yang tidak penting
  • Nama variabel dibuat lebih pendek, biasanya menggunakan satu karakter saja
  • Pendeklarasian file yang berturut-turut akan digabung
  • Jika memungkinkan array diubah menjadi object
  • Lebih mengoptimalkan penggunaan IF
  • Menghitung ekspresi konstanta yang sederhana

javascript compress

Ada banyak alat untuk mengecilkan ukuran file javascript, berikut sekitar dua puluh alat untuk memperkecil ukuran file javascript yang bisa Anda gunakan.

1. UglifyJS

UglifyJS adalah alat yang dibuat dengan Javascript itu sendiri untuk memperkecil file Javascript.

2. Microsoft Ajax Minifier

Microsoft Ajax Minifier memungkinkan Anda untuk meningkatkan performa website dengan mengecilkan ukuran file JS dan CSS

3. YUI Compressor

YUI compressor termasuk salah satu alat yang populer untuk mengecilkan kode javascript Anda

4. Dojo ShrinkSafe 

ShrinkSafe adalah sistem kompresi Javascript yang bisa memperkecil ukuran script Anda sesuai dengan gaya pemrograman Anda.

5.  Dean Edwards’ Packer

Ini adalah salah satu alat yang juga bisa digunakan untuk memperkecil dan mengoptimasi kode Anda.

6. Douglas Crockford’s JSMin 

JSMin adalah alat yang bisa digunakan untuk menghapus komentar dan spasi yang tidak penting dalam file javascript

7. Closure Compiler

Sebuah alat untuk mengecek dan mengoptimasi Javascript.

8. javascript-minifier.com

Alat ini cukup mumpuni untuk melakukan minify js dan memiliki API yang bagus.

9. Online YUI Compressor

This tool utilizes the use of YUI compressor and offers more power. It also has CSS minification capabilities and loads of other options to play around with.

Alat ini memanfaatkan penggunaan YUI kompresor dan menawarkan lebih banyak kelebihan. Ia juga memiliki kemampuan CSS minification dan banyak pilihan lain yang bisa Anda coba.

10. jscompress.com

Ini bukan alat yang sangat WAHH, tapi bisa melakukan pekerjaannya dengan cukup baik.

javascript compress

11. jsmini.com

Dari namanya saja kita sudah bisa mengetahui kalau alat ini bisa digunakan untuk membuat javascript jadi mini/kecil.

12. refresh-sf

Adalah sebuah web interface untuk kompresi file Javacsript ataupun CSS, alat ini menggunakan UglifyJs, Clean-CSS dan HTML Minifier

GUI Tools

13. Koala

Ini adalah alat yang gratis untuk memperkecil JavaSript. Anda juga dapat menggunakannya untuk meng-compile LESS dan SASS. Alat ini menawarkan banyak kelebihan lain.

14. Prepros

Ini adalah aplikasi berbayar, yang menawarkan fungsi untuk memperkecil file website. Fakta bahwa itu adalah aplikasi dibayar, berarti Anda akan ditawarkan sejumlah fitur yang berbeda yang Anda mungkin tidak dapat temukan secara gratis.

15. Codekit

codekit

Aplikasi ini cukup terkenal dikalangan pengembang web yang menggunakan Mac OS, namun aplikasi ini juga berbayar. Codekit ini dapat mengkompilasi kode untuk Anda, mengecilkan JavaScript, dan memiliki server untuk pratinjau hasilnya. Ada berbagai kemampuan lainnya yang bisa Anda gunakan di Codekit, ini termasuk salah satu rekomendasi dari Jurnal Web untuk Anda.

16. AjaxminGui

Ini adalah alat gratis yang dapat Anda gunakan di Windows untuk memperkecil JavaScript.

17. UltraMinifier

Aplikasi ini gratis dan bekerja dengan OS X saja. Alat ini bisa untuk minifies CSS dan JavaScript. Yang perlu Anda lakukan adalah cukup melakukan drag dan drop.

18. Smaller

Ini adalah alat X OS lain yang bisa memperkecil file website untuk Anda.

Command Line Tools

19. Uglify.js

Sesuai dengan namanya, kode Javascript yang tadinya terlihat indah akan terlihat jelek (ugly) setelah menggunakan alat ini. Namun kode yang terkompres tentu lebih bagus untuk kecepatan web Anda.

20. Grunt

grunt javascript task runner

Grunt javascript task runner (Image:html5gameblog.com)

Fungsi utama dari Grunt adalah untuk memperkecil ukuran file website Anda, selain javascript Grunt juga bisa mengecilkan CSS, Grunt termasuk yang sering digunakan oleh pengembang web.

21. Gulp

Selain Grunt ada juga Gulp yang memiliki fungsi untuk melakukan kompresi pada file website, dan ini termasuk alat yang cukup terkenal dikalangan pengembang web

22. Minify

Sesuai dengan namanya, kode Javascript yang tadinya terlihat indah akan terlihat jelek (ugly) setelah menggunakan alat ini. Namun kode yang terkompres tentu lebih bagus untuk kecepatan web Anda.