-->

حل مشكل بطئ مدونات بلوجر

كثير من مدونات بلوجر تعاني من ثقل و بطىء عند تصفحها ، قد يكون الأمر إما ناتج عن ثقل الجهاز إذا كان يحمل عدة ملفات أو من المتصفح بنفسه يستغرق وقت كبير لفتح الصفحة كاملة  أو قد يكون صبيب الأنترنت ضعيف ولن يلاحظ صاحب المدونة الأمر  ، هذه المشكلة قد تنفر الزوار من مدونتك بسبب بطىء التحميل . و الان في تدوينة جديدة في اضافات بلوجر  سنقوم بوضع حل سريع و بسيط لكم لهذه المشكلة و هي مع اضافة Load لتسريع فتح المدونة عن طريق فتح الصور تباعا عند المرور عليها بالمؤشر.




شرح طريقة التركيب



1 . نتوجه لقالب >> تحرير 


2. ابحث بإستعمال CTRL+F عن  <head/>


3. ضع الكود التالي قبله [ فوقه ]


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


4. أخير قم بحفظ القالب و تصفح مدونتك و شاهد النتيجة .

ليست هناك تعليقات :

إرسال تعليق

=a= =b= =c= =d= =e= =f= =g= =h= =j= =k= =l= =m= =n= =o= =p= =q= =w= =x= =y= =z=