Cara Membuat Loading Blog Menjadi Sangat Cepat Dengan Lazy Load

Cara Membuat Loading Blog Menjadi Sangat Cepat Dengan Lazy Load – Selamat pagi dan kembali lagi nih sama Tips Blogging yang admin BacaLagi k...

Mempercepat Loading Blog Dengan Plugin Jquery Lazy Load

Cara Membuat Loading Blog Menjadi Sangat Cepat Dengan Lazy Load – Selamat pagi dan kembali lagi nih sama Tips Blogging yang admin BacaLagi kasih pada kali ini merupakan salah satu tips blogging yang sangat bermanfaat untuk blog dan bisa membuat pengunjung blog anda semakin senang dan merasa terpuaskan berkunjung untuk membaca, mempelajari hal-hal yang bermanfaat yang anda bagikan secara Gratis Tis Tis.

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 Blogging kali ini.

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

KEUNTUNGAN BLOG FAST LOAD

1. Meningkatkan Trafik Blog Anda.
2. Menjadikan Blog Lebih SEO Friendly.
3. Meningkatkan Jumlah Visitor Blog Anda.
4. Membuat Blog Mudah Di Index Oleh Search Engine.
5. Memperkecil Kesalahan Fatal Yang Dilakukan Oleh Blogger Pemula.

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 dan 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.

LANGKAH-LANGKAH MEMASANG LAZY LOAD

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 Jquery ini Tepat Diatas Kode </body>.

//<![CDATA[
(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>

5. Jika Sudah Dipasang, Simpan TemplateRefresh Halaman Dashboard Blogger.
6. Lihat Hasilnya Loading Blog Anda Menjadi Sangat Cepat.

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

COMMENTS

BLOGGER: 1
Loading...
Destinasi Wisata di Singapura
Nama

AdSense,2,AdWords,1,Android,5,aplikasi kasir online omegasoft,2,bersama untan membangun negeri,1,Bisnis,1,Bisnis Online,1,Blogger,20,Blogging,20,Blogging Competition,1,Bussiness,1,CSS,1,Depok News,3,Gadget,5,Hiburan,2,HTML,1,Investement,1,iphone,1,Komunitas,2,Kontes SEO,1,Lifestyle,5,Pikko Group,1,RSMRM,1,SEO,7,Signature Park Grande,1,Smart City Indonesia,1,Software,2,Software Kasir,1,Software POS,1,Tech News,16,teknologi,16,Tips and Trik,11,Traveling,2,Unik,1,Widget,6,Windows,4,
ltr
item
Bacalagers Design: Cara Membuat Loading Blog Menjadi Sangat Cepat Dengan Lazy Load
Cara Membuat Loading Blog Menjadi Sangat Cepat Dengan Lazy Load
https://3.bp.blogspot.com/-hZgciSipGWo/WDn1frGBrhI/AAAAAAAAB6o/341tZ39AFDkSlqR-xwvpM9VUotk4xoNmQCLcB/s640/Loading%2BBlog%2BSuper%2BCepat%2BDengan%2BLazy%2BLoad.jpg
https://3.bp.blogspot.com/-hZgciSipGWo/WDn1frGBrhI/AAAAAAAAB6o/341tZ39AFDkSlqR-xwvpM9VUotk4xoNmQCLcB/s72-c/Loading%2BBlog%2BSuper%2BCepat%2BDengan%2BLazy%2BLoad.jpg
Bacalagers Design
https://designmbc.blogspot.com/2016/11/cara-membuat-loading-blog-menjadi.html
https://designmbc.blogspot.com/
https://designmbc.blogspot.com/
https://designmbc.blogspot.com/2016/11/cara-membuat-loading-blog-menjadi.html
true
6049018267264755231
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy