Please Add Preloader

كود لتسريع مدونتك بشكل ملحوظ مع موقع لقياس السرعة


في درسنا اليوم قد أحببت ان أمدكم بهذا الكود الرائع والذي يعمل على تسريع مدونتك بشكل ملحوظ ولكن قبل البدء قم بقياس سرعة مدونتك من خلال هذا الموقع : هنــــــا 
– قم بوضع رابط موقع في هذا المستطيل ثم اضغط على  TEST NOW
انتضر ثواني حتى تكتمل عملية القياس ثم احتفظ بها لتقارنها بعد الاضافة للكود التالي


للاضافة قم بمايلي :
– اضغط علي قالب ثم تحريرhtml
بعد ذلك اضغط علي ctrl+f وقم بالبحث عن هذا الوسم



   <head/> 
 

– بعد ان تجد هذا الكود الصق فوقه الكود التالي 


 <script type='text/javascript'>//<![CDATA[

(function(a) {

a.fn.lazyload=function(b){var c={threshold: 0,failurelimit:0,event:"scroll",effect:"show",cont ainer: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).a ttr("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.rig htoffold(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).t rigger("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).heigh t();

}

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).widt h();

}

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>

 

– بعد ذلك قم بحفظ النموذج ثم ادخل مرة أخرى لقياس موقعك وقارن النتائج وسوف تلاحظ الفرق .

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *