Kamis, 05 Januari 2012

Ringankan Beban Blog kalian Dengan Lazy Loader


Halo Sobat blogger, ketemu lagi dengan saya [./Forbiden-403] | Share And Enjoy.
saya pengin share sedikit Tips agar kalo masuk ke blog kita itu gk Lelet, kok bisa ? pake apaan ?
Di sini kita pake Script Lazy Loader
Lho, bukanya klo nambah script malah tambah berat ?
Script ini beda, bedanya cari sendiri ya hehehehe ....
Langsung aja deh Cekidot

1. Kalian Login Ke blogger kalian masing2
2. Masuk Rancangan, Di sini kita menggunakan 2 cara, yaitu dengan Edit HTML atau dengan Menambah Widget, Kita lakukan Cara pertama.
Cara Pertama :
(1) Rancangan --> Elemen Laman --> Tambah Gadget --> Pilih HTML/Javascript
(2)Masukan Script Di bawah ini
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/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/AVvXsEiYLTaxiw45hRDBgkEJTZo1qXy7mXlX0EV5Bp2rfHfxfF3MWUtvcAN1qHYI_E0RnaENsD3LF_hSWJ7XRKAMWNdeVUGN81LN8gmp5XSqwDNeJ1S_Df1VoKziY6ODUsGlngB0bSJ96BXYvQc/s1600/grey.gif"
});
});
</script>
(3) Simpan

Cara Kedua :
(1) Rancangan --> Edit HTML --> Centang Expand Template Widget
(2) Masukan Kode Dibawah ini  di atas Kode </head> atau Di atas kode </body>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/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/AVvXsEiYLTaxiw45hRDBgkEJTZo1qXy7mXlX0EV5Bp2rfHfxfF3MWUtvcAN1qHYI_E0RnaENsD3LF_hSWJ7XRKAMWNdeVUGN81LN8gmp5XSqwDNeJ1S_Df1VoKziY6ODUsGlngB0bSJ96BXYvQc/s1600/grey.gif"
});
});
</script>
(3) Simpan Dan Coba test aja kalau gk percaya, Apa bedanya klo di atas Kode head dan body ?
sebenarnya gk beda, hasilnya sama kok, ini udah saya test sendiri, Blog ini pun menggunakan Script Di atas.

3. Lihat Hasilnya. Happy Blogger

Insyaallah Artikel ini Bermanfaat ..

11 komentar:

  1. hanya share sob: menurut pengalaman saya script justru memberatkan load widget blog kita sob. saya udah bandingin sebelum dan sesudah di pasangnya :)

    BalasHapus
  2. nambah berat kaga tuh kalo nambah script pada widget?
    mending narohnya barengan aja ama widget lain, digabung gitu biar ngirit, hehe

    BalasHapus
  3. @Iman : saya udah Test juga kak, hasilnya lumayan agak ringan dari sebelumnya .. :D
    @Indramayu : Kalo pangalaman saya sih blognya agak ringan dikit kak .. :D =))

    BalasHapus
  4. saya cek ko scriptnya lumayan panjang ya bukannya nambah berat tuh ??? btw happy blogging sob thx dah mampir

    BalasHapus
  5. udah pernah nyoba kak.. tp malah error gara" kebanyakan js.. :D

    BalasHapus
  6. nice gan
    ini pake jquery ya, ntar ane nyoba deh :D

    BalasHapus
  7. Komentar ini telah dihapus oleh penulis.

    BalasHapus
  8. ini fake. nambah berat gan. lebih rinagn pake css compressor atau javascript compressor. tambah lagi pakai image compressor baru lah ringan. tambah lagi deh make xml compressor. wuuz! happy blogging.

    coba dulu pake google page speed gan. itu banyak gunanya

    BalasHapus
  9. @Rifky : Saya saranin Taruh Scriptnya di Atas Elemen /head .. :D
    Happy Blogging ^_^

    BalasHapus