كود لتسريع تصفح مدونة بلوجر ومعالجة تحميل الصور في الصفحة lazy load

كود لتسريع تصفح مدونة بلوجر ومعالجة تحميل الصور في الصفحة lazy load 

اضافه مهمة جدا لتسريع تحميل مدونة بلوجر التي تحتوي على صور

ان سرعة تحميل وتصفح المدونة مهم جدا بالنسبة للزائر ، فقد يغادر الزائر مدونتك اذا استغرقت وقتا طويلا في التحميل ، ويعود السبب في بطء تحميل الصفحة الى زيادة عدد الصور والأضافات الأخرى مع مرور الوقت .

وفي هذا الموضوع سأشرح طريقة تسريع تحميل مدونة بلوجر بحيث يتم تحميل الجزء المرئي من الصفحة اولا وكلما نزل الزائر الى اسفل الصفحة يتم تحميل باقي الأجزاء تباعا وخاصة الصور .

شرح الطريقة :

1. اذهب للمظهر
2. ثم تعديل HTML 
3. ثم ابحث عن الكود التالي :

 </body>

وضع الكود التالي فوقه

<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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfcwNrky2-6HbjV8CAnzXY1i9JvV2MInwvlOL__H7yrEZxTlKQUb8d4rziOEIvbGbBM2-1OsAtPX-_ugNiSlyktVIKgY8uAg75801qGYbSAnpnXLrPS1SvJbMm457bX_lX0V46Qfywa80p/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>