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.
- Setelah memilih option tingkat compress, silahkan klik Compile.
- 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...

Komentar

  1. congcot pake yang buat readmore otomatis doangk javascriptnya
    trus pas pake compressor JS ko malah gk berfungsi yaaa?,

    BalasHapus
  2. ane malah takut bnyk masang js di blog ane. takut lemot...

    BalasHapus
  3. wah btul..jga sob congcot.. ane juga wktu itu prnah compres java script.. read more otomatis habis ntu gak bisa.. kerja readmorenya....

    BalasHapus
  4. wah ini bagus bagat buat yang selalu pake js ane mau cobah dulu

    BalasHapus
  5. sip iki ... ide cemerlang tapi kok sih binggung kie, yo wes tak pahami ne sek

    BalasHapus
  6. Waw.... yg compiller... perlu anee coba!!

    BalasHapus
  7. nice..info nihh,, terus update oinfo nya ya mas,,salam kenal

    BalasHapus
  8. trims buat sharingnya sob.. bisa buat blog ogut efisien nih :)

    BalasHapus
  9. sayang saya tidak bisa menggunakan js ...cz di weblog aq gk ada js nya wkwkkw

    BalasHapus
  10. ini justru mempercepat atau memberatkan mas doy ?? apakah hanya file external saja yang bisa dokompress ?? bagaimana dengan Auto Readmore ??

    BalasHapus
  11. akhir2 ini kompresi dan caching webpage memang erlu krn google mlai mempertimbangkan page loadspeed

    BalasHapus
  12. weleh2..para master berkumpul..mohon bimbingan dong...baru belajar bikin blog..maklum di desa..jaringan sulit..but..learning by doing... http://www.kometral-nganjuk.co.cc/

    BalasHapus
  13. thx infonya..lgs dipelajari..moga2 berhasil..

    BalasHapus
  14. saya coba deh pasang script di hosting google,soalnya web saya berbau foto jadi banyak script.thanks atas artikelnya

    BalasHapus
  15. Benar2 bermanfaat artikelnya.

    terimakasih:
    http://ajiprabowo.wordpress.com

    BalasHapus

Posting Komentar

Postingan Populer