Cara Membuat Loading Blog Menjadi Sangat Cepat Dengan Lazy Load
Cara Membuat Loading Blog Menjadi Sangat Cepat Dengan Lazy Load

Cara Membuat Loading Blog Menjadi Sangat Cepat Dengan Lazy Load

Mempercepat Loading Blog dengan Lazy Load – Sejatinya seorang blogger yang sangat senang membuat pengunjung blog nya merasa terpuaskan adalah dengan salah satunya, yaitu Mempercepat Loading Blog Hingga 90% bahkan 100%.


Mempercepat Loading Blog dengan Plugin Jquery Lazy Load

Sejatinya seorang blogger yang sangat senang membuat pengunjung blog nya merasa terpuaskan adalah dengan salah satunya, yaitu Mempercepat Loading Blog Hingga 90% bahkan 100% dan banyak sekali keuntungan yang didapat oleh blogger dengan 1 hal tersebut. Berikut Keuntungannya yang didapat pada Tips Ngeblog untuk Pemula kali ini.

Jangan Terlalu Fokus Untuk Memiliki Blog Yang Bagus, Namun Fokuslah Untuk Membuat Konten Dan Acceleration Blog Yang Berkualitas Untuk Visitor.

Keuntungan Memiliki Blog dengan Loading yang Cepat, Bahkan 0,5 detik Loading nya!



  1. Meningkatkan Trafik Blog Anda.
  2. Menjadikan Blog Lebih SEO.
  3. Meningkatkan Jumlah Visitor Blog Anda.
  4. Cara membuat Blog cepat Terindex Search Engine Google.


Nah itulah manfaat dari Tips Blogging yang satu ini. Okelah kita langsung ke inti Tips nya, Jadi Cara Membuat Loading Blog Menjadi Sangat Cepat itu banyak sekali Tutorial nya.

Diataranya adalah Memperkecil Ukuran Gambar Pada Postingan, Mengkompres CSS, Javascript Dan HTML, Merubah Format Gambar Menjadi Base 64 dan Masih Banyak lagi.

Disini saya akan memberi 1 Cara Ampuh Untuk Mempercepat Loading Blog anda dengan Menggunakan Plugin Lazy Load yang sebenarnya adalah Milik Wordpress.

Namun para pengguna Blogspot atau Blogger bisa menggunakan Plugin Tersebut Dalam Bentuk Script Jquery nya yang tidak akan membuat blog anda menjadi Erorr atau Rusak tapi malah Membuat Loading Blog anda menjadi sangat cepat! Baik kita langung masuk ke Langkah-Langkah Pemasangan Plugin Jquery Lazy Load di Blog, ditambah lagi jika blog tersebut sudah mengalihkan http ke https yang biasa juga disebut dengan menggunakan ssl certificate.

Cara Memasang Javascript Lazy Load di Blog

  1. Silahkan anda Login Ke Blogger.
  2. Pada Dashboad BloggerPilih TemplateEdit HTML.
  3. Cari Kode </body> untuk memudahkan silahkan Menggunakan CTRL+F.
  4. Letakkan Kode Javascipt Lazy Load dibawah Tepat Diatas Kode </body>.
  5. Jika Sudah Dipasang, Simpan TemplateRefresh Halaman Dashboard Blogger.
  6. Lihat Hasilnya Loading Blog Anda Menjadi Sangat Cepat.

<script type="text/javascript">
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Itulah Tips Blogging Tentang Cara Mempercepat Loading Blog Yang Menurut Saya sederhana namun Efeknya Sangat Mantap dan mempunyai Keuntungan yang bagus untuk kemajuan blog anda.

Sekian..
..dan Terima Kasih, Semoga Bermanfaat dan Happy Blogging

Baca juga:






WAJIB DIKETAHUI!
Iklan yang tampil pada halaman Situs ini sepenuhnya diatur oleh pihak google, kami hanya menyediakan Slot Kosong. Jadi jika ada iklan yang kurang berkenan untuk Anda, harap informasikan kepada kami melalui Formulir Kontak Situs ini untuk selanjutnya akan Kami sampaikan ke pihak Google, Terima Kasih!

Jika Anda merasa bahwa artikel di blog ini bermanfaat, Anda bisa memberikan donasi melalui Paypal atau dengan Klik Donasi. Dengan Membaca Bismillah, Dana hasil dari Donasi yang Anda berikan akan digunakan untuk Bersodaqoh kepada Kaum Dhuafa dan Anak Yatim setiap Bulannya, Semoga Rezeki yang telah Anda berikan mendapat Balasan yang setimpal oleh Allah SWT, Amin. Terima kasih..
Admin
Adalah Tempatnya Panduan Blogger dan Belajar SEO untuk Pemula, Berita Teknologi Terbaru Seputar Smartphone Terbaru dan Tips Gaya Hidup Sehat.

Loading...

4 Komentar

avatar

Blog agan dah pakai belum? :D

avatar

Terima kasih artikelnya agan. Inilahtrip.com

avatar

Sama sama gan admin InilahTrip..

avatar

sudah kok gan...
sudah lama pakai Lazy Load nya..

1. Silahkan berikan komentar dengan Tata Bahasa yang baik agar orang lain tahu sebijak apa karakter Anda melalui kata-kata.
2. Ketik komentar Anda untuk hal apapun yang masih berhubungan dengan artikel pada halaman ini.
3. Dimohon untuk tidak menyertakan Link Aktif pada kolom komentar.
4. Mohon maaf apabila tidak sempat membalas komentar satu persatu.
5. Komentar selalu di Moderasi.
6. Jangan lupa Ngopi.
EmoticonEmoticon