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
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.
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
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
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.
Kalau saya cukup pakai plugin w3 total cache aja itu sudah lengkap untuk mengecilkan html, css dan javascript
thanks infonya bro….ijin coba tutornya.semoga berhasil
Banyak banget gan…
Dari kesemua itu yang paling recommended yg mana gan?
Thanks
Tergantung kamu sukanya pake apa, GUI atau Command Line.
Ada Codekit untuk Mac, Prepos di Windows, atau Grunt + berbagai library lain seperti uglify jika Anda suka command line