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

عدد مشاهدات الموضوع:
هل تعاني من ثقل مدونتك وانت تتصفحها! هل تستغرق مدونتك وقت لفتحها؟. نقطة تحميل الصفحة الرئيسية والموضوعات لدى الزائر تعتبر من أهم النقاط التى يجب أن تتخذ لها إجراء سريع لعلاجها ان كنت تواجه مشاكل بها. ولكن هنا حل رائع مع إضافة Lazy Load لمدونات بلوجر لتسريع فتح المدونة عن طريق فتح الصور تباعا عند المرور عليها بالمؤشر. 

كل ما عليك الأن اتباع الخطوات التالية لإضافة هذا الكود لتزيد من زوارك وتكسب ثقة زائرك اليومي :)

1- الدخول الى لوحة التحكم ثم القالب ثم تعديل القالب
2- ابحث Ctrl+F عن 
</head>
3- أضف قبله أو فوقه الكود التالي
<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- أحفظ القالب وتصفح مدونتك وشاهد النتيجة :)

هناك 21 تعليقًا:

  1. لا فرق حل من حل أخر

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

    ردحذف
  3. عندما نقوم بحفظ الترتيب تنتقل الى قائمة الجانبية

    ردحذف
  4. شكرا على الأضافة

    ردحذف
  5. شكرا لك اخي زياد بارك الله فيك

    ردحذف
  6. شكراااا السرعة ملحوضة

    ردحذف
  7. شكراً جزيلاً

    ردحذف
  8. @locas Nano
    ولك بالمثل وشكرا جزيلا

    ردحذف
  9. @Huthaifa Mady
    الشكر لله وبالتوفيق

    ردحذف
  10. @abdou salam

    أهلا وسهلا عبد السلام.. هل جربت طريقة الأخ أيوب من خلال تلك التدوينة
    http://www.abu-iyad.com/2012/09/pages-ayo-etm.html

    ردحذف
  11. شكرا لاحظت الفرق كتير كبير

    ردحذف
  12. تشكر ممتازة
    http://alkoga.blogspot.com/

    ردحذف
  13. شكرا لك
    http://kitabilakom.blogspot.com/

    ردحذف
  14. سرعة ملحوظة
    Pro Geeks
    http://myth8pro.blogspot.com/

    ردحذف
  15. شكرا لك .. يعطيك الف عافيه

    ردحذف
  16. اضن ان هنلك فرق مشكور جدا

    ردحذف
  17. ذهبت واستعملت هذه الادوات لمعرفة سرعة موقعي ووجدت ان السرعة نقصت ولم تزد
    هذه الادوات التي استعملتها:
    https://developers.google.com/speed/pagespeed/
    https://gtmetrix.com/

    ارجو الرد لماذا
    كانت سرعة موقعي90% ونقصت الى 70%!!!

    ردحذف

مدونة أبو إياد تصميم بلوجرام جميع الحقوق محفوظة 2016

اعلان مخفى فى الرئيسية