Cara Meringankan blog dengan jQuery Lazy Load

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 setelah page yang di scroll akan terlihat dengan menggunakan efek jQuery Lazy Load.

Lazy Load membantu meringankan blog dengan mengurangi proses loading page pada sesebuah blog terutama pada blog yang banyak menampilkan image gambar ataupun image yang berSize 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 kod di bawah pada content HTML/Javascript.
Copy Paste

<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/AVvXsEiqnoBLtDExmA7kPGEO2zqg2p1wQwl7EMQVA-7_SbnQ2F8tCOtLoYBL9NkgcUUysXZFT1FAODifw2_By5ieCaOqshe24m3pb_FaznqTNuzFCajOUZRiujRf78gjtfoQZUOtZ6617dzR1Dg/s1600/grey.gif"
});
});
</script>


Kalau sudah, klik Save.


WARNING:

1. Jika tidak bisa juga, silahkan paste kod tersebut sebelum atau di atas kod
</body> pada script template.
Login Blogger Dashboard --&gt; Design --&gt; Edit  HTML--&gt; Cari Kod  
Biar mudah cari dengan Ctrl+F

2. Jika tidak ada perubahan setelah kod di paste di atas atau sebelum kod 
</body>, silahkan paste kod tersebut sebelum atau di atas kod </head>




Posting Komentar

10 Komentar

nikmat mengatakan…
boleh di coba
Unknown mengatakan…
Nice Info
Thank's for share
Admin mengatakan…
terbukti gan...gw dah coba tuh...trims elmu-nya..
Harys mengatakan…
@PIK ya masama,,, terima kasih dah berkunjung

@bangjef Iya masama gan,,, kita belajar bersama :)
Kian mengatakan…
wahhh mantap nihh. patut dicoba.. ^_^
Anonim mengatakan…
setau saya ini malah memperberat blog? karena untuk menjalankan jquery, kita harus menambahkan library jquery terlebih dahulu kan mas? Nah jquery sendiri merupakan javascript dan setau saya web apapun bakalan lebih berat kalau menggunakan javascript/jquery

CMIIW

Salam,
Neo-Kevinist
Blogger dan Kolektor OST Film kungfu,anime,tokusatsu yang pernah tayang di tv pada tahun 90an
rental komputer mengatakan…
terimakasih sudah berbagi
ejakulasi dini mengatakan…
yap, nanti saya coba di blog saya..