الدرس 19 تسريع تحميل بلوجر و اضافة تأثيرات على الصور

تسريع تحميل بلوجر و اضافة تأثيرات على الصور: 

شرح كيفية التسريع  و تحسين  من التحميل المواضيع  مدونة بلوجر عبر  سكريبت  Script lazy load images للتخفيف من تحميل الصور المدونة و تسريع  تصفحها مع اضافة مؤثرات  جذابة .

السلام عليكم اخواني  الكرام في الدرس رقم  "19" سنتطرق الى كيفية تسريع  مدونة بلوجر و هاذ عن طريق  اضافة  سكريبت  Script lazy load images

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

بمعنى ان المتصفح لا يقوم بتحميل  الصور دفعة واحدة وهاذا للتقليل من وقت التحميل على مدونتك مما يجعل مدونتك تحمل بسرعة على المتصفح .

مزايا  السكريبت : 

1- يتيح لك  تحميل الصور بالتدريج على مدونتك  

2-  التخفيف  من الضعط على مونتك 

3- التصفح السريع على مدونة بلوجر  

4-يقدم مؤثرات جذابة على مدونة بلوجر

كيفية تركيب سكريبت  Script lazy load images :

- ندخل الى قالب المدونةنأخذ دائما نسخة احتياطية  ثم تحرير HTML

- اضغط على لوحة الماتيح Ctrl + f ثم  ابحث عن كود < \ head >

-فوقه مباشرة قم باضافة كود  سكريبت  Script lazy load images

<script type='text/javascript'>/* by : http://djaribha.blogspot.com/ */ //<;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"})})//]]> /* by : http://djaribha.blogspot.com/ */ </script>

للمزيد من المعلومات شاهد الفيديو التعليمي:

تصنيف : دروس بلوجر