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/AVvXsEhEJTR_WuTTavUGps6J66h7pgETBoa8vwkrOL4_v-GrglFXgP51zAXtejwn-jW0uVUsGeg-QhCPpqDg6l2h16e4Yj4yEAEGis-VnYnVE9MUBWVQ4n9T6lA3So9L6LSwZWFeDbYOeVBfeEA/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/AVvXsEhEJTR_WuTTavUGps6J66h7pgETBoa8vwkrOL4_v-GrglFXgP51zAXtejwn-jW0uVUsGeg-QhCPpqDg6l2h16e4Yj4yEAEGis-VnYnVE9MUBWVQ4n9T6lA3So9L6LSwZWFeDbYOeVBfeEA/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 ..

12 komentar:

iman@sampeweweh mengatakan...

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

Indramayu Cyber Team mengatakan...

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

[./Forbiden-403] mengatakan...

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

Farkryzer mengatakan...

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

[./Forbiden-403] mengatakan...

saya udah test kak Fakry, lumayan Ringan dikit kak ..

Alam Perwira mengatakan...

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

[./Forbiden-403] mengatakan...

kok aku gk ya ?

Nando Firmansyah mengatakan...

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

[./Forbiden-403] mengatakan...

Monggo kak :D

Ryan Chopper mengatakan...

Komentar ini telah dihapus oleh penulis.

Ryan Chopper mengatakan...

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

[./Forbiden-403] mengatakan...

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

Posting Komentar