Cara meringankan beban blog dengan jquery lazy load

 saya tidak akan panjang berbicara langsung saja ya kita mulai yaitu caranya yaitu..

Lazy Loader adalah plugin jQuery di mana efek lazy load akan menangguhkan proses loading bagi image yang terdapat pada blog. Efek Lazy load hanya akan berfungsi apabila page di scroll. Image sesudah page yang di scroll akan terlihat dengan menggunakan efek jQuery Lazy Load. Untuk melihat Demo, silahkan klik di sini.

Lazy Load membantu meringankan blog dengan mengurangkan tempoh masa proses loading page pada sesebuah blog terutama pada blog yang banyak menampilkan image gambar ataupun image yang berukuran besar.

Untuk memasang jQuery Lazy Load di blogspot, ikut beberapa langkah di bawah.

Langkah 1

Login Blogger Dashboard --> Design --> Add A Gadget --> HTML/Javascript.

Copy dan paste kode di bawah pada content HTML/Javascript


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></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/AVvXsEgLY-9ndUQkMyiBARbLcHbbkbRJKGPOd6x4MoQe7EA2VTRQyzciAtKGaQGab4canpxdFzH-7tFSgnn1awJ908aUV9DyJq16mJeBotItDq-ZZawwvCpJeTH43TQjnAbh0Nz8gbY4aNVyhD8/s1600/grey.gif"
});
});
</script>
Terakhir, klik save

Pesan:
1.Jika tidak ada apapun efek terjadi setelah kode di Save, silahkan paste kode tersebut sebelum atau di atas kode </ body> pada script template.

2.Jika tidak ada seberang perubahan setelah kode di paste di atas atau sebelum kode </ body>, silahkan paste kode tersebut sebelum atau di atas kode </ head>
Baca juga : Cara buat kotak text area standar atau kotak script
                        Cara menghemat tempat link blogroll



…Semoga Bermanfaat… !.Semoga Sukses.! .send komentar ya.




Artikel terkait:

{ 6 komentar... read them below or add one }

candra_a mengatakan...

wah...
bagus ni. saya coba ah....
and thanks for you. and salam kenal...

fajarnoverdi mengatakan...

sma2 y sob..
thx jg dh koment sob..

Zaenal Blog mengatakan...

sangat bermanfaat,
ditunggu posting selanjutnya
salam kenal,,

demoterasi mengatakan...

melihat postingannya udah setahun yang lalu, msh bisakah cara ini diterapkan skrng?

Akram Berbagi mengatakan...

mantaf artikelnya

Rambo Jawa mengatakan...

Blog milik ente sendiri yg ini kok loadingnya lama, apa tips diatas memang benar coz milik smpean sendiri loading blognya lambat.

Monggo mampir ke sini...

Posting Komentar

terima kasih telah berkunjung sobat.
Silahkan komentar,kritik dan sarannya
setidaknya tegur sapa.heheh