Melengkapi tulisan saya sebelumya Optimasi Website dengan GZIP Compression dan Mod Deflate, ternyata javascript juga bisa bisa dikompress dan diperkecil ukurannya menggunakan cara yang sama, yaitu gzip compression. Cara kompressi sebelumnya memang manjur untuk mengirit dan menghemat bandwidth, tapi sayang hanya jenis output html menggunakan php saja yang bisa dikompress. Sementara justru file javasript yang ukurannya sampai ratusan kilobyte belum tercompress.
Cara Kompres dan Memperkecil Ukuran Javascript ini adalah hasil trial dan error saya sendiri dan ternyata bisa berfungsi baik. Triknya terletak pada merubah ekstensi file yang tadinya javascript (.js) menjadi .php, setelah itu ditambahkan mod_gzip di atas. Caranya,
- Buka file javasript misalnya float.js kemudian tambahkan kode gzip di atas, contoh:
<?php if (substr_count($_SERVER['HTTP_ACCEPT_ENCODING'], 'gzip')) { ob_start("ob_gzhandler"); } else { ob_start(); } ?> //Mulai Fungsi Javascript window.onload=function() { if(initAjaxEngine('rbet_engine',rbet_engine)&&! { registerLinks(document); dan seterusnya.....
- Setelah itu save dan ubah file extension-nya (rename) menjadi float.js.php. Maka dengan begini fungsi kompressi php akan juga berjalan pada file js.
- Adapun untuk memanggil file tersebut dalam dokumen, jangan lupa ubah link yang tadinya float.js menjadi float.js.php, contoh:
<script type="text/javascript" src="float.js"></script> Menjadi <script type="text/javascript" src="float.js.php"></script>
Nah, mudah saja bukan?? Trik sederhana namun cukup membantu dan dapat meningkatkan kecepatan loading website/ blog kita karena ukuran file menjadi lebih kecil. Namun ada sedikit kekurangan pada trik ini, karena jenis file menjadi php sebagian browser kemungkinan tidak akan meng-cache file ini dan nilai yslow akan sedikit berkurang karena kehilangan pula poin “future expiration”-nya. Namun terlebih dari itu, justru kecepatan loading website dan blog menggunakan trik ini meningkat dengan fantastis karena ukuran file dapat di-save hingga 80% lebih kecil, daripada hanya mempertimbangkan nilai yslow yang menurut saya malah nggak konsisten.
Update: Melengkapi kekurangan yang saya sebutkan dalam trik ini, cara di atas sekarang sudah disempurnakan. Silahkan simak caranya pada Cara Kompres/ Memperkecil Ukuran Javascript dan CSS Manual II.
mas, sy coba di function.php malah jadi eror trus sy ga bisa benerin, ketika di copy ulang yg oriny tetap eror….eror bisa di cek di websitenya….ditunggu solusunya mas
silahkan ditanyakan lagi di wasap ya…