طريقة تسريع المدونة
27

طريقة تسريع المدونة



أحد أهم عوامل تحسين الـ سيو الخاص بموقعك هو سرعة تحميل صفحتك , كما ذكرنا فى تدوينة سابقة خاصة بعوامل ترتيب المواقع فى محركات البحث , إطلعنا على نسب متفاوتة لعدة عوامل وكان من ضمن هذه العوامل هو سرعة إستجابة السيرفر وسرعة تحميل الصفحة الخاصة بموقعك , صدق أو لا تصدق أن سرعة صفحتك الداخلية قد تلعب دوراً فى تحديد مركزك فى محركات البحث .

سيو


حسناً الإضافة التى سنقدمها اليوم هى كود يضاف داخل المدونة يقوم بتأخير عرض الصور حتى يتم عرض النص أولاً مما يقلل عملية طلبات الـ HTTP Requests مما يؤدى إلى تحسن واضح فى سرعة التصفح الخاص بالمدونة .

مثال حى لموقع سيو صح بعد إضافة الكود 

seo



خطوات إضافة الكود

إفتح قالب ---> تحرير 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 

هناك 27 تعليقًا

  1. شكراً لك عزيزي

    من فضلك أريد نشر موقعي في تعليقات بلوجر

    ما هي الطريقه الصحيحه لنشر رابط ما يحتوى على كلمه معين اريد مسكها في تعليقات بلوجر ؟

    وشكرـاً على مجهودك اخي الفاضل

    ردحذف
  2. أضن العكس حيث موقع سيو سح أصبح ابطئ من قبل

    ردحذف
    الردود
    1. ربما المشكلة من الإتصال الخاص بك , حيث قمت بتجربة عملية
      بعد إضافة هذا الكود سواء على هذا الموقع أو من خلال Google Developers
      وسرعة التحميل تحسنت بشكل ملحوظ ... شكراً على مرورك

      حذف
  3. ديما مبدع بارك الله فيك

    شريف احمد

    ردحذف
  4. مدونتي تعتمد بشكل كامل على الصور، فهل تصلح هذه الطريقة لتسريع مدونتي! مشكور على الطرح الرائع.

    ردحذف
  5. لم اجد كود الهيد في مدونتي

    ردحذف
  6. الكود جامد جدا .
    ولما اختبرت المدونة كانت 590 ثانية تقريبا
    وبعد اضافة الكود بقت 1.59 ثانية
    شكرا يا احمد والى الامام

    ردحذف
  7. تمام تسلم يا احمد المدة كانت 1.49 ثانية أصبحث 1.24 ثانية شكرا جزيلا والى الامام دائما

    ردحذف
  8. موضوع مميز شكرا لك وشكرا على الاضافة جاري تجريبها

    ردحذف
  9. أستاذ احمد عزت هو سؤالي صعب ولا إيه ؟؟

    ردحذف
    الردود
    1. أخى اسئلتك يجب أن تتعلق بمحتوى الموضوع , فصندوق التعليقات ليس مجال للشرح بإستفاضة
      عموماً هذا هو كود Href يستخدم فى تعليقات بلوجر للحصول على باك لنك نصى
      تفضل : http://goo.gl/z74KYR

      حذف
  10. حضرتك كان ممكن تقول لى كدا

    لكن أعتقدت ان حضرتك تناسيت ردي

    وشكراً لك على المساعده والسرعه ف الرد ,, جزاك الله خيراً :)

    ردحذف
  11. هل يمكن استعمال هدا كود في موقع مبرمج ب html
    وليس مدونة بلوجر
    وشكرا

    ردحذف
  12. شكرا لك أخي أنا عندي مدونة على الورد براس تعتني بـ Home remedy كيف أضيف الكود للورد براس

    ردحذف
  13. اوووبس
    كانت 1.01 أصبحت 1.99 !!!!

    ردحذف
  14. شكرا لك تسلم على مجهوداتك الطيبة يا باشا
    محترفي خمسات

    ردحذف
  15. شكرا لك الاضافة شغالة 100% جزاك الله خيرا

    ردحذف
  16. اخي الغالي احمد استفسار /

    هل هذا الكود يؤخر ظهور اعلان ادسنس بالصفحة ، لاني لاحظت من اول م ركبت الكود نسبة زوار المدونة ضعف مشاهدة الاعلان بادسنس مرتين ،

    بانتظار ردك ،

    ردحذف
  17. ممكن طريقة تسريع موقع على ورد برس ؟

    ردحذف
  18. القالب الجديد لمدونتكم رائع جدا

    ردحذف

تابع سيو صح

تواصل معنا مباشرة

الاسم

بريد إلكتروني *

رسالة *