صفحات تسجيل الدخول والحسابات قيد الصيانة والتطوير مركز الدعم

جدول المحتويات

الصفحة الرئيسية
اضافات بلوجر
بلوجر

سكربت تسريع تحميل الصور لزيادة سرعة الموقع

سكربت تخفيف حجم الصور لتسريع مدونة بلوجر وزيادة سرعة المدونة لاقصي حد بتخفيف تحميل الصور وغير مؤثر علي مدونات بلوجر.
اسكربت تسريع تحميل الصور لتخفيف سرعة المدونة

اسكربت تسريع تحميل الصور لتخفيف سرعة المدونة

Speed up image downloads to speed up your blog

سكربت تخفيف حجم الصور لتسريع مدونة بلوجر وزيادة سرعة المدونة لاقصي حد بتخفيف تحميل الصور وغير مؤثر علي مدونات بلوجر.

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


تابع الشرح لمعرفة كيفية اضافة سكربت تسريع تحميل الصور لزيادة سرعة الموقع لمدونتك

  1. اذهب الي لوحة تحكم بلوجر
  2. انتقل الي قسم المظهر
  3. خذ نسخة احتياطية من قالبك قبل بدء استخدام الكود.
  4. اضغط علي "‏تعديل HTML"
سكربت تسريع تحميل الصور لزيادة سرعة الموقع
  1. بعد اختيار "تعديل HTML" سيظهر لك الشكل التالي:
Speed up image downloads to speed up your blog
  • ابحث عن الوسم </head> ، وضع الكود التالي فوقه
<!-- lazy load images By memy-net.com --><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:"https://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script><!-- lazy load images By memy-net.com -->
  • ثم قم بالضغط علي حفظ المظهر

تعديلات الكود

لا يوجد

ملاحظات

خذ نسخة احتياطية من قالبك قبل بدء استخدام الكود.
اذا واجهت اي مشكلة ضعها بتعليق وسنقوم بالرد عليك.

الي هنا قد انتهي الدرس نمتني ان تعجبكم الإضافة وانتظرونا في درس جديد علي ميمي نت بالتوفيق.

إرسال تعليق

ads222
ads333
تحديث