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: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/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: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/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 ... Skip ke Kotak Komentar

5 Januari 2012 22.05

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

6 Januari 2012 03.39

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

6 Januari 2012 13.12

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

6 Januari 2012 13.38

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

6 Januari 2012 13.54

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

6 Januari 2012 13.58

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

6 Januari 2012 14.23

kok aku gk ya ?

6 Januari 2012 17.23

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

6 Januari 2012 17.46

Monggo kak :D

16 Januari 2012 22.42

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

17 Januari 2012 15.45

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

Tambahkan Komentar Anda

Peraturan :
1. Dilarang berkomentar dengan kata-kata yang kotor, Pornografi, SARA
2. Dilarang Poskan Spam
3. Dilarang poskan URL yang tidak perlu
Sekian Pemberitahuan Dari Saya
Hati-hati dengan Komentar Anda, anda Komentar Bukan Spam, Saya Pasti akan Follow anda, This Blog Dofollow

 
Yahoo Messenger
Send Me IM!
Google Plus
Add Me To Your Circle!
Twitter
Follow Me!
Facebook
Add My Facebook
Original Template By Belajar SEO Blogspot - Himajiesized By Dayz Hidayat - Converted By [./Forbiden-403]