recent
آخر الأخبار

أفضل ثلات طرق لتسريع مدونتك بنسبة تصل 40 في المائة

Changat Blog
الصفحة الرئيسية

قد يستهين الكثير بسرعة المدونة فالأغلب يضن أن بطئ المدونة هو شيئ عادي لكن في الحقيقة العكس تماما لأن سرعة تحميل المدونة لهدا دور أساسي في أشرفة مدونتك و ظهورها في نتائج البحث الأولى لأن خوارزميات جوجل في التحديثات الجديدة أصبحت تعطي الأولوية إلى المواقع السريعة لهذا يجب عليك الإهتمام بسرعة مدونتك فقط إقؤأ التدوينة إلى الآخر و ستتعرف على أفضل الطرق لتسريع مدونات بلوجر .


تحسين و ضغط الصور 

لا شك في أن جميع المدونات تستخدم الصور بكثرة حيت أن أغلب المدونات تحتوي على نسبة تتراوح بين 40 و 60 في المائة من الصور لأنها عامل مهم في جلب الزوار و إثارة إنتباهم لكنها في الوقت نفسه عامل لا يستهان به من ناحية رفع مدة تحميل المدونة لذلك ينصح بإستعمال صور دات أبعاد لا تتجاوز 800*800  كحد أقصى كما يفضل عدم إستخدام الصور المتحركة (GIF) لأنه حجمها يكون كبيرا نوعا ما , و إدا كنت تقوم بتصميم صور تدويناتك بنفسك عن طريق الفوتوشوب فمن المهم أن تقوم بحفظ الصور عن طريق Save for web - PNG 24 و إستخدام أقل عدد من الألوان عند التصميم باستخدامك لهذه الطريقة ستستطيع إستخراج الصور بحجم لا يتعدى 60Kb  كما أن هذه الطريقة لا تقوم بتاتا بتشويه الصور .
لكن يس هذا كل شيء بالنسبة للصور بطبيعة الحال فهناك طريقة أخرى ستمكنك من خفض حجم الصور بنسبة 50 في المائة في أغلب الأحيان و هي عن طريق تحويلها إلى صيغة  WebP و هو ما أقوم به أنا شخصيا و النتائج كانت أكثر من جيدة فقط قم البتوجه إلى هذا الموقع   و رفع الصورة التي تريد تحويلها .
بالإضافة إلى كل هذا يمكنك إستخدام سكربت Lazyload و اللذي يقوم بتأجيل تحميل الصور بحيت يتم تحميل باقي مكونات الصفحة و الصور تبقى هي الأخير و بهذا تكون قد أجلت حملا تقيلا على المتصفح ليتم تحميله مرة واحدة 
و لتركيب هذا السكربت على مدونة قم بالتوجه من لوحة تحكم بلوجر إلى المظهر تم تحرير HTML الآن قم بالبحث عن الوسم </body> وضع فوقه/قبله الكود التالي 
ملاحظة من الضروري أخد نسخة إحتياطية من القالب تحسبا لأي أخطاء .

<script type="text/javascript">//<![CDATA[
// Lazy Load 
(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:"https://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"0"})});
 //]]> 
</script>

تأجيل تحميل إعلانات أدسنس 

كما هو الحال بالنسبة للصور الإعلانات غالبا مايكون حجمها كبرا نوعا ما وخاصة الإعلانات الصورية إدا كان عددها كتيرا في الصفحات لذلك من المستحسن الإكتفاء بأربع أو خمس وحدات إعلانية و إستعمال سكربت تأجيل تحميل الإعلانات سيكون مفيدا بشكل كبير حيث سيعمل على تأجيل الإعلانات حتى يتم تحميل الموارد الأساسية للصفحة ولتقوم بتركيب هذا السكربت توجه إلى لوحة التحكم الخاصة ببلوجر تم إختر المظهر بعدها تحرير HTML تم قم بالبحث عن الوسم <head> و قم بلصق الكود التالي بعده/تحته 
لا تنسى الإحتفاض بنسخة إحتياطية من القالب الخاص بك تحسبا لأي أخطاء

<script type="text/javascript">
//<![CDATA[
// Lazy Load AdSense By Itheric
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script> 
بعدها قم بالحث عن هذا الكود أو ما يشبهه و قم بإزالته 
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


ضغط أكواد HTML و CSS

كما هو معروف الأكواد البرمجية هي أساس الصفحات و المواقع و السؤولة عن هيكلتها و بالطبع لكل كود حجمه الخاص و ياخد حيزا عن تحميل الصفحة لذا من المفضل التخلص من الأكواد الغير ضرورية و حتى بعد التخلص من الأكواد الزائدة تبقى الصفحة محشوة ببعض الأكواد الغير مفيدة لذا يفضل دائما ضغط هذه الاكواد و خاصة أكواد CSS حيت أنها تأخد المساحة الأكبر في القالب بعد أكواد الجافا سكربت لذا من المفضل إستخدام أذاة ظغط أكواد CSS و ضغط هذه الأخيرة 
و كذلك هو الحال بالنسبة لأكواد HTML لكن كن حذرا عن التعامل معها و إن لم تكن لديك الخبرة الكافية لا تحاول فقد تتسبب في بعض المشاكل التي سيكون من الصعب عليك حلها في ما بعد و في حال كنت تعلم ما يتوجب عيك فعله فيمكنك الإستعانة بأذاة ظغط أكواد HTML   


عند إستعملك لهذه الطرق بشكل صحيح تأكد أنه سيتم تسريع مدونة بنسبة تصل حتى 50 في المائة و لاتستهن بهذه الطرق لأنها تعطي نتائج جيدة جدا و تذكر دائما سرعة المدونة عامل مهم جدا أيضا في الحفاض على الزوار لأن الزائر لن يحبذ المدونة البطيئة حتى لو كان المحتوى جيدا لهذا يجب أن تلتفت إلى هذه النقاط و لا تنسى مشاركتنا بتعليقك و ما إن كانت هذه الطرق مفيدة لك أم لا نلتقي في تدوينة أخرى 
google-playkhamsatmostaqltradent