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

السلام عليكم .... �� , سوف نشرح طريقة تسريع �� قالب المدونة على بلوجر من خلال كود يضاف داخل المدونة , هذا الكود يضاف داخل المدونة يقوم بتأخير عرض الصور حتى يتم عرض النص أولاً مما يقلل عملية طلبات الـ 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>
    

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

    التعليقات

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

    المشاركات الشائعة

    أحدث التعليقات

    رسالة!

    نأسف بشده عن عدم الرد علي بعض تعليقاتكم ورسائلكم ، نظرا لانشغالي بالامتحانات ، اتمني منكم الدعاء لي بالنجاح ، واتمني لقم قضاء أجمل الاوقات معنا في " برو ويب " وسوف اعود لكم في 24/6

    اذا كان لديكم اي استفسار مهم تفضلو بمراسلتني من حسابي علي الفيسبوك من هنا
    تم النسخ