Blogger Speed Up With Lazy Load - jQuery


Hallo sahabat Pustaka Kreasi pada kesempatan kali ini kita akan  membahas mengenai Plugin Lazy Load - jQuery , apa itu  Lazy loader plugin ? oke kami akan menyampaikan sesuai dengan apa yang kami pahami mengenai apa yang dimaksud dengan Lazy loader plugin secara singkat yang dimaksud Lazy Loader adalah; sebuah script open source berbasis JavaScript yang yang telah di modifikasi oleh para pengembang  jQuery  Library , Lazy loader plugin berfungsi untuk meringankan beban  loading suatu halamam website maupun blog yang didalamnya banyak terdapat konten berupa foto maupun gambar agar lebih cepat ditampilkan oleh browser, secara umum sebuah web browser pada saat melakukan  load  conten suatu halaman web maupun blog akan melalui proses tertentu yang terstruktur atau istilah kerennya DOM ( Document Object Model ) , DOM diperlukan oleh JavaScript untuk mengubah tampilan sebuah website secara dinamis atau dengan kata lain DOM adalah cara JavaScript melihat suatu halaman HTML maka disinilah Lazy Loader di perlukan untuk berperan.

Dari sekian hasil proses pengembangan Lazy Loader script, ada beberapa jenis versi yang telah digunakan dan tentunya memiliki beragam fungsi sesuai dengan versinya masing-masing, sebelum  kita mencoba  kemampuan Lazy Loader ada baiknya kita uji dulu kecepatan loading halaman Website atau Blog yang kita kelola untuk mengetahui berapa lama waktu loading yang dibutuhkan untuk menampilan halaman secara menyeluruh,  coba di uji dulu disini , untuk selanjutnya kami akan memberikan sebuah contoh dari salah satu code Lazy Loader yang kami gunakan pada blog ini, dan bilamana sahabat Pustaka Kreasi membutuhkan silahkan di gunakan;

Cara penggunannya cukup sederhana ;
  1. Login ke akun Blogger  >> Design  >> Edit HTML  >> Download Template lengkap untuk pemulihah bilamana terjadi kesalahan.
  2. Temukan Tag < /head > letakan code berikut di atasnya ; 
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/addinblogger/how-to-add-in-blogger/lazyload-min.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://sites.google.com/site/addinblogger/how-to-add-in-blogger/grey.gif&quot;,threshold : 200});
});
</script>

Setelah pemasangan code selesai Preview terlebih dahulu bila tidak terjadi kesalahan  pemasangan kode silahkan di Save, setelah itu kita lakukan pengujian kembali terhadap proses loading halaman website atau blog yang telah terpasang script Lazy Loader disini, bilamana koneksi jaringan internet bagus dan stabil maka akan terlihat perubahanya kecepatan dalam proses load halaman, dan bilamana belum ada perubahan kemungkinan versi Lazy Loader yang kami share belum kompatibel dengan template yang anda gunakan, mungkin di butuhkan versi lain yang lebih tinggi, mudah-mudahan pada kesempatan lain setelah kami melakukan pengujian terhadap Lazy Loader versi lainnya akan di share kembali di Pustaka Kreasi , oke...sementara cukup sekian  dulu info dari kami selamat mencoba dan semoga bermanfaat, Salam Happy Blogging.
Digg it StumbleUpon del.icio.us
 
Copyright @ 2012 By Pustaka Kreasi

Sepintas Tentang Penulis

Saya adalah seseorang yang tertarik untuk mempelajari perkembangan dunia tehnologi internet dan komputer, freelance Designer, Website, Blogger blogs, CSS, HTML, jQuery serta hal lain yang terkait. Dan saya hanya manusia biasa yang masih mempunyai banyak kekurangan yang juga memerlukan kritik, saran dan masukan dari yang lebih faham, terima kasih dan salam happy blogging.

+1