Meringankan Blog dengan Lazy Load

 
        Kamu pernah membaca apa pentingnya memiliki blog yang loadingnya cepat dan ringan ? Jika belum , yuk simak penjelasannya dibawah ini :

 Pertama kita akan menimbang berat Blog kita ,, (Bukan cuma berat badan saja yang ditimbang, berat blog juga yaa.. hehehe...)

Klik DISINI untuk menimbang Blog kamu...
Seret kursor kamu menuju ke arah kolom berwarna putih seperti gambar berikut :


Masukkan alamat blog kamu ke dalam kolom tersebut dan klik Check! nanti hasilnya akan seperti ini :


Blog saya lumayan lemot ya kawan, hehehe perlu waktu untuk masuk ke blog saya dalam keadaan koneksi yang normal., bagaimana dengan blog kamu ?? 

Untuk meringankan blog ini, kita menggunakan  JQuery Lazy Load . Apa kegunaan Lazy Load ??

" Ini dia jawabnya, Blog kita loadingnya lebih cepat, karena semua gambar hanya ditampilkan ketika blog di scroll. Bagi blog yang memiliki banyak gambar, ini sangat penting untuk mengurangi waktu loading page."
Meskipun tidak mampu meringankan blog secara keseluruhan, namun ini sangat membantu lhoo...
Tertarik untuk memasang gadget ini ?? 
Ikuti Langkah-langkah Berikut :

1. Dashboard
2. Tata Letak
3. Tambahkan Gadget
4. HTML/JavaScript
5. Tempelkan kode dibawah ini ke dalam post HTML/JavaScript
 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='http://javscript-code.googlecode.com/files/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9BrogyPQpGmm6ha9Nl96XVQrinrw1L8nhL4C-bUfqPOMq6a9Z5ABejRkcdYqQRsfz-hKA4gKEChTXMBLVK12xAfU88nNTFlpAwNBB2j2M7MBA8yUVPOrBho8Y_wZRw7REDRvD9v13C2w/s1600/grey.gif"
});
});
</script>
 6. Simpan Gadget dan Refresh blog kamu... Gampangkan

No comments:

Post a Comment

newer posts older posts back to home