|
Untitled 4
| | | | عدد المساهمات : 947 | تاريخ التسجيل : 06/11/2013 |
|
| كود لتسريع موقعك بشكل ملحوظ مع موقع لقياس السرعة
كُتب : [ الجمعة أغسطس 28, 2015 9:42 pm ] |
---|
أسم العضو : الرسام | |
في درسنا اليوم قد أحببت ان أمدكم بهذا الكود الرائع والذي يعمل على تسريع مدونتك بشكل ملحوظ ولكن قبل البدء قم بقياس سرعة مدونتك من خلال هذا الموقع :
- قم بوضع رابط موقع في هذا المستطيل ثم اضغط على TEST NOW انتضر ثواني حتى تكتمل عملية القياس ثم احتفظ بها لتقارنها بعد الاضافة للكود التالي
للاضافة قم بمايلي : لوحة الادارة -مظهر المنتدى - التومبلايتات و القوالب - ادارة عامة - ثم توجه لقالب -[ltr] overall_header-[/ltr] ضع في خانة البحث الكود التالي وابحث عنه
- الكود:
-
</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>
- بعد ذلك قم بالضغط على كلمة سجل وانشر القالب ثم ادخل مرة أخرى لقياس موقعك وقارن النتائج وسوف تلاحظ الفرق .
اتمنى ان يكون الشرح فيه الفائدة |
| | | | عدد المساهمات : 5 | تاريخ التسجيل : 29/08/2015 |
|
| رد: كود لتسريع موقعك بشكل ملحوظ مع موقع لقياس السرعة
كُتب : [ السبت أغسطس 29, 2015 8:45 am ] |
---|
أسم العضو : JAR7 | |
يعطيك العافية على الموضوع الجميل |
| |