آخر الأخبار

الاثنين، 27 مايو 2019

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


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

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

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

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

لا يوجد

ملاحظات

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

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

Loading...

شارك الموضوع ليستفيد الجميع

مواضيع مقترحة

الحصول على رابط هذا الموضوع

رابط:
رابط الموضوع بكود html:
رابط الموضوع للمنتديات:
  • اضافة تعليق
  • 0 تعليق على موضوع : سكربت تسريع تحميل الصور لزيادة سرعة الموقع

    ♥ Copyright © Memy Net Powered by Memy Group