Compress JavaScript dengan Tools Rujukan Google
Javascript memberikan sentuhan yang sangat berbeda dan lebih beragam untuk desain web. Berbagai effect dan fungsi yang menarik bisa di tempelkan pada blog kita dengan Javascript. Namun, penambahan javascript menambah berat loading blog kita. Meski kini load blog / site performance (baca: Kinerja Situs di Webmaster Tools) menjadi patokan penting pemeringakatan Google, menghindari javascript bukan satu-satunya solusi. Berikut adalah beberapa solusi untuk Anda...
Gunakan Seperlunya
Gunakan javascript seperlunya. Jika effect atau fungsi tidak terlalu berpengaruh untuk kemajuan blog, lebih baik tidak usah dipasang. Saya menggunakan javascript untuk membuat widget-widget penunjang pageviews seperti komentar terbaru atau artikel terkait. Sementara untuk effect yang memperhalus tampilan dan lain-lain, saya cenderung urung menggunakannya.
Buat Milik Anda Pribadi
Pastikan kode javascript Anda adalah untuk blog Anda saja. Jangan gunakan langsung script yang dibagi ditempat umum, karena kemungkinan script itu dipakai oleh banyak orang bersamaan. Pelajari selengkapnya di: Membuat JavaScript Milik Anda Pribadi
Tempat Hosting Script Berpengaruh
Pilih tempat hosting yang terpercaya dan jarang error. Jika ingin kinerja terbaik maka gunakanlah hosting google atau hosting berbayar. Saya pernah mencoba berbagai hosting gratis dan masalah error atau script gagal di load selalu membayangi. Anda punya rujukan temapt yang bagus? Silahkan tambahkan lewat komentar...
Baca: Beberapa Pilihan Hosting
Compress JavaScript
Ini adalah poin utama postingan ini. Dengan meng-compress javascript, kita bisa mendapatkan kinerja yang jauh lebih baik. Ada banyak pilihan tmpat untuk compress javascript online seperti:
- Javascriptcompressor.Com
- Layanan online yang support YUI Compressor nya Yahoo seperti Refresh-Sf Compressor atau 2Clics YUI.
- Atau Anda bisa menggunakan tools rujukan Google, yakni Closure Compiler (Baca: Artikel Google tentang Compress Javascript).
Penggunaan Closure Compiler
Untuk menggunakan alat ini, silahkan Anda:
- Klik untuk pergi ke Closure-Compiler Online, atau Anda bisa download Closure-Compiler disini.
- Ini adalah contoh penggunaan online. Silahkan Anda masukan alamt script Anda. Untuk mencoba, misalkan kita gunakan Script recent comments yang beralamatkan di http://bloggerhosting.appspot.com/serve/amen24.googlepages.com/showrecentcomments.js
- Lalu klik Add
- Saya anjurkan Anda memilih Simple.
Whitespace only: Menghapus spasi tidak perlu dan komentar. Mengcompress hingga 28%
Simple: Ini lebih canggih karena mengenal perubahan variable dan penghapusan beberapa yang tidak perlu. Mengcompressi rata-rata hingga 42%, saat saya menggunakannya mampu mengcompressi hingga 54%.
Advanced: Ini tidak saya anjurkan, meski bisa mengcompressi hingga 62%. Kode bahkan bisa hilang sama sekali dan dibabat habis.
- Kode yang dihasilkan ada disebelah kanan. Silahkan hosting script yang telah di compress pada kotak. Kode bisa juga diakses dengan klik pada link default.js.
Jika pada contoh di atas compress script dilakukan dengan memasukkan URL alamat script, Anda bisa memasukkan script langsung pada kolom sebelah kiri. Dan sama, hasil compressi muncul di kolom sebelah kanan. Silahkan mencoba, semoga bermanfaat...
0 comments:
Post a Comment