أحد أهم عوامل تحسين الـ سيو الخاص بموقعك هو سرعة تحميل صفحتك , كما ذكرنا فى تدوينة سابقة خاصة بعوامل ترتيب المواقع فى محركات البحث , إطلعنا على نسب متفاوتة لعدة عوامل وكان من ضمن هذه العوامل هو سرعة إستجابة السيرفر وسرعة تحميل الصفحة الخاصة بموقعك , صدق أو لا تصدق أن سرعة صفحتك الداخلية قد تلعب دوراً فى تحديد مركزك فى محركات البحث .
حسناً الإضافة التى سنقدمها اليوم هى كود يضاف داخل المدونة يقوم بتأخير عرض الصور حتى يتم عرض النص أولاً مما يقلل عملية طلبات الـ HTTP Requests مما يؤدى إلى تحسن واضح فى سرعة التصفح الخاص بالمدونة .
مثال حى لموقع سيو صح بعد إضافة الكود
خطوات إضافة الكود
إفتح قالب ---> تحرير html ---> إكتب Ctrl+F ---> ابحث عن <head/>
قم بإضافة الكود التالى أعلى كلمة <head/> مباشرة
<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>
ثم قم بحفظ القالب وإذهب لتتحقق من سرعة مدونتك من خلال هذه الأداه
تقبلوا تحياتى +Ahmed Ezat
شكراً لك عزيزي
ردحذفمن فضلك أريد نشر موقعي في تعليقات بلوجر
ما هي الطريقه الصحيحه لنشر رابط ما يحتوى على كلمه معين اريد مسكها في تعليقات بلوجر ؟
وشكرـاً على مجهودك اخي الفاضل
أضن العكس حيث موقع سيو سح أصبح ابطئ من قبل
ردحذفربما المشكلة من الإتصال الخاص بك , حيث قمت بتجربة عملية
حذفبعد إضافة هذا الكود سواء على هذا الموقع أو من خلال Google Developers
وسرعة التحميل تحسنت بشكل ملحوظ ... شكراً على مرورك
ديما مبدع بارك الله فيك
ردحذفشريف احمد
مدونتي تعتمد بشكل كامل على الصور، فهل تصلح هذه الطريقة لتسريع مدونتي! مشكور على الطرح الرائع.
ردحذفلم اجد كود الهيد في مدونتي
ردحذفالكود جامد جدا .
ردحذفولما اختبرت المدونة كانت 590 ثانية تقريبا
وبعد اضافة الكود بقت 1.59 ثانية
شكرا يا احمد والى الامام
هار اسود 590 ثانية
حذفتمام تسلم يا احمد المدة كانت 1.49 ثانية أصبحث 1.24 ثانية شكرا جزيلا والى الامام دائما
ردحذفموضوع مميز شكرا لك وشكرا على الاضافة جاري تجريبها
ردحذفأستاذ احمد عزت هو سؤالي صعب ولا إيه ؟؟
ردحذفأخى اسئلتك يجب أن تتعلق بمحتوى الموضوع , فصندوق التعليقات ليس مجال للشرح بإستفاضة
حذفعموماً هذا هو كود Href يستخدم فى تعليقات بلوجر للحصول على باك لنك نصى
تفضل : http://goo.gl/z74KYR
حضرتك كان ممكن تقول لى كدا
ردحذفلكن أعتقدت ان حضرتك تناسيت ردي
وشكراً لك على المساعده والسرعه ف الرد ,, جزاك الله خيراً :)
هل يمكن استعمال هدا كود في موقع مبرمج ب html
ردحذفوليس مدونة بلوجر
وشكرا
شرح مميز جدا استفدة من الكود
ردحذفرابط مدونتى ارجوالتجربة
شكرا لك أخي أنا عندي مدونة على الورد براس تعتني بـ Home remedy كيف أضيف الكود للورد براس
ردحذفشكرا لك أخي
ردحذفاوووبس
ردحذفكانت 1.01 أصبحت 1.99 !!!!
شكرا لك تسلم على مجهوداتك الطيبة يا باشا
ردحذفمحترفي خمسات
شكرا لك الاضافة شغالة 100% جزاك الله خيرا
ردحذفاخي الغالي احمد استفسار /
ردحذفهل هذا الكود يؤخر ظهور اعلان ادسنس بالصفحة ، لاني لاحظت من اول م ركبت الكود نسبة زوار المدونة ضعف مشاهدة الاعلان بادسنس مرتين ،
بانتظار ردك ،
ممكن طريقة تسريع موقع على ورد برس ؟
ردحذفموضوع رائع
ردحذفالقالب الجديد لمدونتكم رائع جدا
ردحذف