Pada artikel ini akan kita bahas salah satu cara tips untuk meringankan website , yaitu bagaimana cara memperkecil ukuran script css/js dan mempercepat proses downloadnya. Salah satu caranya adalah menggunakan sebuah PHP5 App bernama Minify (sumber : http://code.google.com/p/minify).
Berikut beberapa cara kerja Minify :
- Menggabungkan beberapa file script css atau js.
- Compress file css/js dengan menghilangkan whitespace yang tidak berguna dan menghilangkan comments.
- Menyimpan hasil compressing dan kombinasi file css/js dalam sebuah file cache (step1 & 2 dikerjakan hanya 1x selama tidak ada salah satu file yang dimodifikasi)
Dari cara kerjanya, kita bisa mendapatkan beberapa 2 manfaat utama Minify, yaitu :
- Memperkecil ukuran file js/css yang dibutuhkan.
- Me-minimalisir jumlah request file js/css yang juga memperkecil jumlah byte yang dikirim u/ request file-file tersebut.
Bagaimana cara menggunakannya?
- Download Minify di http://code.google.com/p/minify
- Extract file zip.
- Copykan folder “/min/” kedalam folder web Anda. (lihat gambar dibawah ini)
- Buka file config.php pada folder “min”. Atur configurasi $min_documentRoot sesuai kebutuhan. (contoh pada gambar bawah: )
- Gunakan syntax seperti dibawah ini untuk memanggil file css / javascript Anda pada file html :
Nah, dari percobaan di lab pribadi Saya (#ceile… :p ) dapat disimpulkan bahwa Minify dapat mengecilkan byte transfer dan waktu page load halaman website kita.
Hasil Perbandingan :
# Tanpa Minify
# Menggunakan Minify
*Catatan :
- Yang kita bandingkan adalah ukuran file total dan time load file javascript dan css-nya saja.
- Total Time Load menggunakan minify lebih besar dikarenakan waktu load file html yang terlalu besar dan berubah2 (bukan pengaruh minify dan kayaknya faktor non teknis :p )
Bagaimana? Tertarik menggunakan Minify? Saya sudah menggunakannya 
Tidak ada komentar:
Posting Komentar