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.
Agak rumit, tapi akan dcoba, terima kasih.
Mudah saja kok, tutorialnya saja sedikit. ya sama2…
sudah saya coba mas, tp lagi testing di gtmetrix selalu error
bagian apanya ya yang error?
Informasi yang bermanfaat, saya yakin setiap webmaster akan berusaha agar loading page nya secepat mungkin. Salah satunya trik ini juga banyak digunakan.
Topik yang menarik tentang memperkecil ukuran, saya malah banyak nemu artikel yang ngebahas tentang “Memperbesar Ukuran” 😀 Ok becanda
salam kenal aja.
Kalo “Memperbesar Ukuran” itu sih lain topik kayaknya, hehhee 😆
makasih bantuannya ya……dicoba dulu………
hanya ingin mengucapkan terima kasih mas untuk ilmu yang di sharing di atas
Terima kasih kembali dan semoga bermanfaat.