إضافة Lazy Load لتسريع مدونات بلوجر

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

تابعو معي طريقة إضافة كود Lazy Load لتسريع مدونات بلوجر   :

قم بالدخول إلَى منطقة القالب الخاصة بك ومن ثم اضغط علي تعديل HTML وقم بالبحث عن الكود التالي </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/AVvXsEjUFmWyDALCnApQJo4oY8l81e7IGAj8RNuc7zzIAzYTDZ5S5xSKeT-PhEmAIZx5pr1xOuSj09ujAn8qdTYD2r09Z8RZotMd_m4_mqIkdtY-lqexVtK1y6GHS7LEDz4aBe6k8vXrLgw2k7Sc/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]>
</script>

بعدها قم بحفض القالب وجرب الدخول لمدونتك

لا تنسو مشاركة التدوينة لتدعمونا لنقدم لكم الجديد كل يوم

شاركه على جوجل بلس

الكاتب Unknown

أسعد القيسي : من المملكة الاردنية الهاشمية, اهتمامي وحبي لتدوين هو ما جعلني أستمر ليس فقط لتقديم المواضيع بل أيضا لمساعدة الأشخاص المبتدئين ، كما كنت سابقا إلا أني لم أجد من يساعدني ! مع ذلك كافحة وواضبة على ما أحبه من عمل لأصل إلى ما أريده ، ليس كمستقبل لكن كهدف حققته ,لدي إهتمامات اخرى منها الرياضة ، ألعاب الفيديو ، والتصميم بحد ذاته ومدونة القيسي ويب | الافضل لكم تعبر عما أهواه .