اسكربت تسريع تحميل الصور لتخفيف سرعة المدونة
Speed up image downloads to speed up your blog
سكربت تخفيف حجم الصور لتسريع مدونة بلوجر وزيادة سرعة المدونة لاقصي حد بتخفيف تحميل الصور وغير مؤثر علي مدونات بلوجر.
يعمل هذا الاسكريبت علي تخفيف حجم الصور وتحميلها واحدة تلو الاخري بمعني انه لا يقوم بتحميل الصور عند الدخول الي مدونتك ولاكن يقوم بتحميل الصور صورة صورة مما يجعل تحميل الموقع سهل وسريع ويجعل من موقعك موقع سريع ورائع وذلك قد يخفض من ترتيبك في اليكسا وقد يزيد عدد المستخدمين لديك نتيجة لسرعة موقعك مما يجعل محركات البحث تثق في موقعك بشكل قوي.
يعمل هذا الاسكريبت علي تخفيف حجم الصور وتحميلها واحدة تلو الاخري بمعني انه لا يقوم بتحميل الصور عند الدخول الي مدونتك ولاكن يقوم بتحميل الصور صورة صورة مما يجعل تحميل الموقع سهل وسريع ويجعل من موقعك موقع سريع ورائع وذلك قد يخفض من ترتيبك في اليكسا وقد يزيد عدد المستخدمين لديك نتيجة لسرعة موقعك مما يجعل محركات البحث تثق في موقعك بشكل قوي.
تابع الشرح لمعرفة كيفية اضافة سكربت تسريع تحميل الصور لزيادة سرعة الموقع لمدونتك
- اذهب الي لوحة تحكم بلوجر
- انتقل الي قسم المظهر
- خذ نسخة احتياطية من قالبك قبل بدء استخدام الكود.
- اضغط علي "تعديل HTML"
- بعد اختيار "تعديل HTML" سيظهر لك الشكل التالي:
- ابحث عن الوسم </head> ، وضع الكود التالي فوقه
<!-- lazy load images By memy-net.com --><script type='text/javascript'>//<;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 -->
- ثم قم بالضغط علي حفظ المظهر
تعديلات الكود
لا يوجد
ملاحظات
خذ نسخة احتياطية من قالبك قبل بدء استخدام الكود.اذا واجهت اي مشكلة ضعها بتعليق وسنقوم بالرد عليك.
الي هنا قد انتهي الدرس نمتني ان تعجبكم الإضافة وانتظرونا في درس جديد علي ميمي نت بالتوفيق.