طريقة تسريع قالب المدونة على بلوجر

السلام عليكم .... �� , سوف نشرح طريقة تسريع �� قالب المدونة على بلوجر من خلال كود يضاف داخل المدونة , هذا الكود يضاف داخل المدونة يقوم بتأخير عرض الصور حتى يتم عرض النص أولاً مما يقلل عملية طلبات الـ HTTP Requests مما يؤدى إلى تحسن واضح فى سرعة التصفح الخاص بالمدونة كي لا اطيل عليكم ⌚ , سوف نتوجة الى طريقة التركيب .

    شرح طريقة التركيب
    إفتح القالب تحرير html
    إضغط علي Ctrl+F , ثم ابحث عن <head/>
    قم بإضافة الكود التالى أعلى كلمة <head/> مباشرة

    الكود

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

    لا تنسا ان تكن من أعضاء المدونة من هنا , إذا واجهتك اي مشكلة لا تترد فى ترك تعليق

    4 التعليقات

    avatar

    شكرا الطريقة شغالة

    avatar

    العفو اخي الغالي

    الإبتساماتالإبتسامات

    يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
    1أن يكون التعليق خاص بمحتوى التدوينة
    2أن لا تضع أي روابط خارجية
    3لإضافة كود حوله أولاً بمحول الأكواد
    4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة