, Lazy Load Untuk Blogspot Mudah Di Instal | MEMAHAMI DAN OPTIMASI WEB

Lazy Load Untuk Blogspot Mudah Di Instal


Saya tahu Anda sudah banyak membaca beberapa posting tentang meningkatkan kecepatan loading blog. Jika Anda pengguna WordPress maka Anda tidak perlu khawatir tentang kecepatan loading blog , karena Anda memiliki banyak plugin yang siap membantu Anda. Tapi bagi pengguna blogspot tidak ada plugin tersebut.

Apakah Anda pernah mendengar tentang beban malas? Jika Anda pernah menggunakan WordPress, maka Anda akan tahu tentang hal itu. beban malas adalah plugin WP yang membuat gambar dimuat terakhir dan membuat teks dalam beban blog lebih cepat. Ini adalah plugin yang sangat popluar sekarang.
Jadi, sekarang kita bisa menambahkan script beban malas di blogspot blog dan membuatnya memuat lebih cepat dari sebelumnya.
1. Buka Blogger.com.

2. Login ke dashboard blog Anda.

3. Klik Template dan klik Edit HTML.

4. Tekan Ctrl + F di keyboard.
5. Jenis </ head> dan Tekan Enter.
6. Anda akan melihat </ head> tag disoroti.

7. Klik pada awal tag head, yaitu sebelum <simbol.

8. Sekarang tekan Enter.

9. Copy kode berikut dan paste sebelum </ head>
Copas kode ini:

<script type='text/javascript'>//<![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://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

10. Simpan Template

Dan Nikmati cepatnya loading blog Anda sekarang.

Terkait: 
Cara Optimalkan Blogger Blog


Cara menambahkan image slider pada blog blogger.
Share on Google Plus

0 komentar:

Untuk Melanjutkan Membaca Silahkan Lengkapi Form Ini