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

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

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

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 -->
  • ثم قم بالضغط علي حفظ المظهر

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

لا يوجد

ملاحظات

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

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

Getting Info...

إرسال تعليق

ترخيص ملفات تعريف الارتباط
نحن نقدم ملفات تعريف الارتباط على موقعنا ميمي نت لتحليل حركة المرور وتذكر تفضيلاتك وتحسين تجربتك.
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت. يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
مكافحة مانع الإعلانات!!!
لقد اكتشفنا أنك تستخدم المكون الإضافي adblocking في متصفحك.
تُستخدم العائدات التي نحققها من الإعلانات لإدارة موقع ميمي نت ، ونطلب منك إدراج Memy Net في القائمة البيضاء في المكون الإضافي لحظر الإعلانات.
شكراً لتفاهمك
Site is Blocked
نأسف لك! هذا الموقع غير متوفر في بلدك.