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

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

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

شارك المقال على :

فيس بوك

تويتر

جوجل بلس

لينكد إن

Karim Mahran‏

كريم مهران , من مصر , مصمم ومطور مواقع , متخصص تحديداً في منصة بلوجر , شغوفٌ بالتدوين , أنشات هذه المدونة لأقدّم لك مُنتجــاً حصرياً أحرص أن يكــون مُفيــداً وشيّقــاً مُختلفاً لك ,محب لإفادة الأخرين بما أملك , أطمح من خلال مقالاتي على هذة المدونة أن تساعِدك على تحقيق أهدافِك و تسهيل حياتك لتُصبح أكثر عطاءاً و إنتاجيّة.

المزيد عني

السابق التالي

مواضيع ذات صلة :