Percepat Loading Web
Makin kecil suatu file makin cepat file itu di load oleh browser. Makin sedikit request HTTP yang harus dilakukan makin cepat suatu page ditampilkan. Itulah 2 rules atau aturan dalam perhitungan kecepatan suatu website ditampilkan di browser. Saat ini web 2.0 serta beberapa framework dan CMS menggunakan beberapa file Javascript dan CSS. Sehingga diperlukan lebih dari satu kali HTTP request untuk tiap CSS dan Javascript. Hal ini tentu memperlambat browser dalam menampilkan halaman website. Ada beberapa teknik yang dapat mencegah masalah ini. Beberapa cara tersebut adalah:
- Menggunakan google minify, merupakan script PHP yang mampu mengkombinasikan beberapa file CSS dan Javascript menjadi 1 file yang cukup dipanggil sekali. Cara penggunaannya
Sebelum menggunakan Google Minify:
Setelah menggunakan Google Minify
Hasil HTML dari kode diatas adalah 1 CSS dan 1 Javascript. Hasil kombinasi dan kompresi file CSS dan Javascript akan di cache dan langsung dipanggil sehingga lebih cepat dari sebelumnya. Cara kerja kompresinya hampir sama dengan teknik kompresi lain yaitu dengan mengurangi whitespace dan comment yang tidak diperlukan. Hasilnya file lebih kecil, request lebih sedikit dan akhirnya browser menampilkan website lebih cepat. Untuk keterangan lebih lanjut bisa di lihat di URL http://code.google.com/p/minify/ - Javascript Packer, teknik ini akan mengkompress javascript menjadi file. Teknik ini mengkompres file javascript menjadi 3 kali lebih kecil atau lebih. Dengan demikian file javascript akan lebih cepat di load dari sebelumnya. Penggunaannya cukup dengan membuka URL http://dean.edwards.name/packer/ kemudian copy paste kode Javascript anda pada field yang tersedia. Setelah di kompress website tersebut akan memberikan output code yang dapat anda copy paste lg pada file javascript milik anda.
Kedua teknik diatas bisa digabungkan yaitu dengan cara Javascript dipacker terlebih dahulu dengan teknik no 2 kemudian beberapa file javascript di combine jadi satu dengan teknik pertama. Kombinasi teknik ini belum saya coba tapi menurut saya harusnya tidak akan bermasalah. Kalo ada masalah bisa sharing , biar bisa kita cari solusi yang lebih baik lagi.
www.thinkrooms.com
