. إضافة Lazy Load لتسريع مدونات بلوجر - سكربتات | scrptat -->

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


إضافة 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/AVvXsEjMZ9pEkWoBApuvq4Rh0nWyGkc2xtlWk9garZmoaVbyzx5z8XMMjj9a_1Q83foWRhqaA-pYAWN3KZ-jfbfkj84DQR1yXQgYdNHY4MC0Stp5n2c0omtIhyphenhyphen-mp9-eAaD9PC8mdJn99sRCNTKg/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]>
</script>
او يمكنك وضعها في JAVASCRIPT في الشريط الجانبي
بعدها قم بحفض القالب وجرب الدخول لمدونتك
لا تنسو مشاركة التدوينة لتدعمونا لنقدم لكم الجديد كل يوم
logo
Kecepatan Sebuah Website Adalah Prioritas Kami.
  • Facebook
  • WhatsApp
  • Instagram
  • Subscribe Our Newsletter

    Related Posts

    Buka Komentar
    Tutup Komentar

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

    إرسال تعليق

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel