Kemarin sempat kesal dengan blog ane yang berat banget,butuh waktu 5 menit untuk bisa terlihat 100% secara fisik blog.
Beberapa partikel dari blog inilah yang membuat ukurannya menjadi makin berat,beberapa contohnya yaitu gambar dan script yang ada terlalu besar atau banyak. Dengan makin banyaknya gambar yang ada di dalam blog,maka makin besar pula ukuran blog yang kita miliki dan itulah yang membuat blog kita menjadi lebih berat untuk diakses.
Okay,gan....tanpa basa-basi lanjut aja ke pointnya. Sebenarnya langkah yang saya gunakan yaitu dengan menggunakan jQuery Lazy Load. Cukup simple lahhh,,,,
Efek Lazy load hanya akan berfungsi apabila page di scroll. Image sesudah page yang di scroll akan terlihat dengan menggunakan efek jQuery Lazy Load.
Next,berikut langkah-langkahnya :
NB : Untuk blog dengan mesin wordpress langsung aja menggunakan plugin jquery lazy load
Beberapa partikel dari blog inilah yang membuat ukurannya menjadi makin berat,beberapa contohnya yaitu gambar dan script yang ada terlalu besar atau banyak. Dengan makin banyaknya gambar yang ada di dalam blog,maka makin besar pula ukuran blog yang kita miliki dan itulah yang membuat blog kita menjadi lebih berat untuk diakses.
Okay,gan....tanpa basa-basi lanjut aja ke pointnya. Sebenarnya langkah yang saya gunakan yaitu dengan menggunakan jQuery Lazy Load. Cukup simple lahhh,,,,
Efek Lazy load hanya akan berfungsi apabila page di scroll. Image sesudah page yang di scroll akan terlihat dengan menggunakan efek jQuery Lazy Load.
Next,berikut langkah-langkahnya :
- Login dulu ke dasbor pada blogger dengan email dan password anda.
- Pilih Rancangan - Edit HTML lalu backup template anda
- Beri tanda centang pada Expand Template Widget
- Kemudian letakkan Script jQuery berikut tepat di atas </head> :
<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/AVvXsEgmbXRfVx2qv8fKWdAfB2ELuRL3sgCkMaFDoFBC3sIENZrOZBSK7vrrLwU8f_iJGJ5u05518pnSzlhF00XwfjaoaHWXbzkCl6LbAoCHXpD5Dk_CKoxJQzHhJotaAva6I5O9dcqFHh1dFHE/s1600/grey.gif"
});
});
</script>
- Lalu simpan dengan mengklik SAVE . Selesai :)
NB : Untuk blog dengan mesin wordpress langsung aja menggunakan plugin jquery lazy load