Trik mengkompres javascript supaya cepat loading

Friday, August 20, 2010


Javascript merupakan salah satu komponen penting dalam blog/website. Nah, seringkali javascript yang digunakan terlalu banyak sehingga harus diloading satu-satu. Loading javascript ke browser dilakukan secara sekuensial line per line dari atas sampai bawah, jadi tidak sekaligus loading. Akibatnya blog menjadi lama loadingnya akibat proses ini.

Disini saya punya 1 trik bagaimana mengoptimalkan loading javascript blog anda dengan cara mengkompressnya. Selain memperkecil ukuran javascript, teknik ini juga menyatukan beberapa javascript menjadi 1 sehingga lebih efisien.

Sekarang anda masuk dulu kesini, closure compiler service. Maka anda akan menemukan tampilan seperti ini



Pertama-tama, tekan tombol reset dulu untuk membersihkan "hello world" disana. lalu buka template anda dan copy alamat-alamat javascript anda yang kira2 seperti ini.

<script src="http://www.namasitus.com/javascript.js" />
ambil yang dari "http://...... .js"
Backup dulu template anda sebelumnya.. :D
Setelah itu anda paste ke kotak add a URL kemudian klik tombol add
Lakukan proses yang sama untuk javascript lainnya yang akan disatukan, terserah mau berapa banyak. Setelah itu tekan tombol compile

Disampingnya akan muncul javascript-javascript anda yang telah dicompile, tinggal copy kode tersebut ke notepad dengan nama terserah.js atau klik link default.js untuk mendownload kode hasil kompilasi.

Nah, setelah anda dapat kode .js-nya tinggal upload kembali ke file hosting semacam google site atau google code dan link kembali ke template blog anda. Save template dan rasakan bedanya.. :D

Bagi yang belum ngerti boleh tanya-tanya disini..

SHARE THIS POST:
FB Share Twitter Share
Untuk langsung menjalankan kode-kode HTML atau javascript, anda bisa menggunakan TryIt editor.

Click to open

Kunjungi juga blog saya yang lain di Online tutorial

1 comments:

Post a Comment