تسريع تحميل صفحات المدونة
تسريع تحميل صفحات المدونة
بواسطة
Mohammad Ktifan
تعليقات
مشاركة
مشاركة: تسريع تحميل صفحات المدونة
0 دقيقة للقراءة
تغيير حجم الخط
تغيير حجم الخط
قد نرى عادة أن كثير من المدونات والمواقع الشهرة أنها نادرا ما تغير من مظهرها , السبب غالبا ما يعو الى ان مظهرها الحالي سريع ومريح للزوار وأيضا سرعة تحميل الصفحات جيدة بل ممتازة, هذه هي أهم العوامل لعدم تغيير المظهر,لكن أهمها سرعة تحميل الصفحات,حيث يشعر الزائر لتلك المواقع والمدونات بإرتياح كبير أثناء تصفحها,لذا في هذا المقال سأطرع العديد من الامور التي غالبا ستزيد من سرعة تحميل مدونتكم.
1.الحد من الإضافات والأدوات.
وهذا خطأ العديد من المدونين وخاصة المبتدأين منهم,فهم منهمكون في تحسين مظهر مدونتهم وزيادة جماليتها بغض النظر عن السلبيات لتلك الإضافات,لذا يفضل التقليل من الإضافات التي لاداعي لها,ولا تكن مهتم بالمظهر كثير فالمحتوى هو الاساس فالزوار ينجذبون للمحتوى اساسا وليس المظهر,فالمحتوى هوالملك.
2.ازالة الاكواد الغير مستخدمة.
كما اشرت في النقطة الاولى,عدم الإكثار من الإضافات وايضا حذف وإزالة الاكواد البرمجية الغير مستخدمة أوالغير فعالة على المدونة فهي تبطئ ايضا من تحميل المدونة, وتذكر المحتوى هو الملك.
3.استخدام كود التحميل البطيء للصور.
هذا الكود سيؤجل تحميل الصور الى ان يصل الزائر اليها , اي انه سيتم منع المتصفح من تحميل الصور الى ان يصل اليها.
لإضافة هذه الميزة الى مدونتك سجل دخولك الى بلوجر ثم اتجه الى المظهر ثم اختر تعديلHTML ابحث عن الوسم
<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>
ملاحظة: يمكن ان يكون الكود غير مناسب للقالب الخاص بك ويمكن أن يتعارض مع الأكواد الأخرى للقالب وقد يسبب بطء في تحميل المدونة لذا يرجى حذفه.
4.تقليل عدد المشاركات المعروضة في الصفحة الرئيسية.
عاة مايؤدي العدد الكبير والضغم من المشاركات المعروضة على الصفحة الرئيسية الى بطء المتحميل والعرض, لذا يفضل جعل المشاركات المعروضة 7 مشاركات كحد أقصى , لضبط عدد المشاركات المعروضة اتجه الى بلوجر ثم اختر الإعدادات ثم المشاركات والتعليقات والمشاركة ثم الحد الأقصى لما يتم عرضه ضع 7 من الرسائل كحد أقصى.
5. استخدام خلفية عادية للمدونة.
من الجميل وضع صورة مميزة أو استخدام كود جيكوري لصنع خلفية مميزة لمدونتك, لكن غالبا ما يأخذ ذالك النوع من الخلفيات وقتا للتحميل لذا يفضل جعل الخلفية لون محدد وعدم استخدام الصور.
6.تقليل حجم الصور المستخدمة.
كثير ما نستخدم الصور في مقالاتنا وخاصة من يقدمون شروحات ودروس وبالطبع سيكون للصور نصيبا مهماً بإبطاء تحميل المدونة لذا هنالك بعض الحلول لتقليل حجم الصور.
1ً.إذا كنت تصمم الصور بنفسك عبر برنامج الفتوشوب أو الاليستريتر فعند استخاراج الصور قم بإستخراجها كـ save for web واختر الصيغة PNG-24 هذا سيقلل من حجم الصور بنسبة قد تصل الى 70% .
2ً.استخدم موقع compresspng لتقليل حجم الصور بنسبة كبيرة أيضا تصل أحيانا الى 60% .
7.تقليل عدد الإعلانات المعروضة.
الإفراط في عرض الكثير من الوحدات الإعلانية يقلل من سرعة تحميل المدونة أيضا.وايضا هي من الامور المزعجة للزوار ويسبب تداخل الإعلانات مع المحتوى نفور الزوار منها.
8.استضافة الملفات الخارجية.
جميع القوالب تحتوي على ملفات JS و CSS يتم رفعها على استضافات خارجية لذا يفضل ان تكون تلك الإستضافات جيدة وذات سرعة تحميل ممتازة .
9.استخدام القوالب الخفيفة والمتجاوبة.
الإنترنت مليء بـِ قوالب بلوجر المجانية والمدفوعة لذا عليك التروي في اختيارك واختر ما هو بسيط وخفيف وسريع التحميل.
الى هنا أكون قد وصلت لنهاية المقال ارجو ان أكود قد وفقت بطرحه
إذا كانت لديكم اي استفسارات يرجى طرحها في التعليقات
مشاركة:
Mohammad Ktifan
مدون يسعى لتقديم محتوى مميز وجذاب للقراء بشكل عام,مهتم بكثير من الأشياء كـ بلوجر ,تصميم الويب, التصميم الجرافيكي,وأيضا الافلام والمسلسلات العالمية. مدونة الأثير فيسبوك
قد تُعجبك هذه المشاركات
تعليقات
يرجى الالتزام بسياسة التعليقات لدينا ليتم نشر تعليقك . وشكرا
تعليقات