الطريقة المثلى والأفضل لتسريع مدونات بلوجر



"السلام عليكم ورحمة الله تعالى"
 السلام عليكم ورحمة الله, في بداية افترض انك تعي اهمية سرعة مدونتك والتي يتحكم فيها محتوى قالبك فكلما كان القالب مضغوطا  وقصيرا كلما ساعد دلك المتصفح في قراءة وعرض المدونة بشكل اسرع,وكدلك تنعكس السرعة في سلمك على محركات البحت  بصفة عامة حيت تعد عاملا قويا يساعدك في عالم السيو فالسرعة تعد عاملا قويا لبناء علاقة قوية مع محركات البحث وعلى رأسها محرك جوجل ,وهناك طرق غالبا تعتمد على ضغط ملفات css لكن مؤخرا ضهرت بعض السكريبتات التي تساعد في تحسن سرعة مدونتك بلوجر وسوف تلاحض  مفعول هده الأداة بشكل ملحوض 

طريقة التركيب

يمكننك اضافتها الى القالب عبرمنصة بلوجر بالضغط على قالب تم تحريرHTML  لآن قم بالضغط في الكيبورد على CTRL+F وابحث عن كلمة  <head/>
ثم اضغط على Enter، سيظهر لك الوسم، والآن ما عليك فعله ايها الأخ الكريم هو إضافة السكربت فوقه :  
<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: 

"http://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50";
})})//]]></script>
تم اضغط على حفظ

شارك المقال :

إرسال تعليق

 
جميع الحقوق محفوظة عالم المطور | اكتشف |طريق العلم والتقنيه|g10u|Developerworld & تصميم OddThemes & تعريب وتطوير : عالم المدون