كود تسريع تصفح مدونة بلوجر
شرح الطريقة :
العملية بسيطة جدا فقط ضع الكود التالي فوق علامة </body> ثم احفظ القالب وستلاحظ الفرق
سرعة تحمبل المدونه
ان سرعة تحميل وتصفح المسجلة هام بشكل كبير فيما يتعلق للزائر ، فقد يغادر الزائر مدونتك اذا استغرقت وقتا طويلا في التحميل ، ويرجع الداعِي في بطء تحميل الصفحة الى مبالغة عدد الصور والأضافات الأخرى مع مرور الوقت .
وفي ذلك الموضوع سوف أقوم بتوضيح وشرح أسلوب تسريع تحميل مدونة بلوجر بحيث يتم تحميل الجزء المشهود من الصفحة اولا وكلما نزل الزائر الى اسفل الصفحة يتم تحميل بقية الأجزاء على التوالي وخصوصا الصور .
<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgngPt2RTO-OOgTkBU7zV6-ED1Omn_AbX3pa_wg1QbvTcnleYkXs2EwvGHeVMjLCGHNP0-jSseeVs92HLlKh-y6snO5P-xVSengyUCWcspTLkPBh91dIgiTz_YVeNr8jIbiTAPT9GUrC1Z5/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
تعليقات
إرسال تعليق