شرح زيادة سرعة المنتدى

السلام عليكم ورحمه الله وبركاته

اعضاء وزوار شبكه الاكسلانس الدولى ،

هذا موضوع هام أقدمه لكم فى الاكسلانس الدولى وأتمنى أن يفيد كل من يعانوا من مشاكل انخفاض سعة الباندويث لديهم وصعوبة تحمل تكلفتها

لقد حدث هذا معى منذ مدة ورأيت أنه من الأفضل مشاركة هذه الفائدة ليعم الخير على الجميع وقد اكتشفت هذا الحل قدرا وأنا أحاول التعديل فى قوالب المنتدى ولندخل فى عمق الموضوع ونبدا الشرح

ملفات تسبب استهلاك فى الباندويث

- أكثر ما يغفل عنه مديرى المنتديات هو وجود ملفات بالمنتدى او الموقع ككل يجب استدعائها قبل تحميل الصفحة وهي ملفات الجافا سكربت المعروفة فمن الطبيعى وجود اكواد الجافا سكربت داخل قوالب منتداك بهذا النمط كمثال :

******** type="text/**********" src="$stylevar[yuipath]/yahoo-dom-event/yahoo-dom-event.js?v=$vboptions[simpleversion]"></script>

ولكن ما معنى هذا الكود مثلا فى منتداك

- ان هذا الكود معناه ان متصفحك فى حاجه لكود جافا سكربت معين من اجل اظهار خاصية "أوبشنز" معين عند تصفحك للصفحة وعلى سبيل المثال وسم alt الذى يوضع على الصور عند مرور الماوس على الصورة يظهر اسمها كما فى ترايدنت وهذا ليس من وجود وسم alt نفسه ولكن وجود alt فى صفحتك معناه ان تتوجه العناكب لقراءة اسم الصورة ولا يشترط ان يظهر الاسم عند مرور الماوس عليها ولكن الاسم الذى يظهر مع مرور الماوس هذا هو مرتبط بجافا سكربت تفعل هذه الخاصية من أجل زوار موقعك

- اذن ما الحل لتفادى تحميل هذه الاكواد وزيادة سرعة المنتدى وفى نفس الوقت ضمان خواص هذه الاكواد

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

headinclude

هذا القالب يظهر فى كل صفحات الموقع من مواضيع واقسام ورئيسية وبحث وتقويم ومجموعات وكلمات دلالية وجميع الصفحات الأخرى ، ولذلك وجب علينا الاهتمام بكل ما فيه وهذه هي الاكواد الخمسة التى سنبحث عنها

هذا القالب يظهر فى كل صفحات الموقع من مواضيع واقسام ورئيسية وبحث وتقويم ومجموعات وكلمات دلالية وجميع الصفحات الأخرى ، ولذلك وجب علينا الاهتمام بكل ما فيه وهذه هي الاكواد الخمسة التى سنبحث عنها

وهذه صورة للأكواد داخل القالب

- لاحظ معى : هذه الاكواد مهمة للموقع ولكن كيف نتفاداها بدون أي مشاكل للموقع

فائدة الاكواد الخمسة فى قالب headinclude

- لنعرف أولا ان الخمسة أكواد المذكورة بالأعلى هي مهمة للأعضاء فقط ولكن هناك من يسأل الآن ما هي مهمة أكواد الجافا الخمسة ؟

- مهمتها تتلخص فى بعض الخصائص الغير مفيدة للزائر فمثلا ملف global.js مسئول عن ظهور وسم alt على الصور عند مرور الماوس ولكن ما فائدة ظهور ال alt ومعظمنا نقتبسها من اسم الموضوع ونود الاستفادة فقط من محركات البحث اذن لا داعى لظهورها للزوار لان محركات البحث تقرأ وسم alt لكن بحجب الكود عن الزوار فقط لن يظهر الوسم عند مرور الماوس ولكن هو موجود بالفعل اذا فحصت سورس الصفحة تمام ؟؟؟

- ملف تانى من المفات الخمسه مسئول عن انسدال القوائم عند الضغط عليها ولكن ما فائدة القوائم للزائر الذى اذا اراد التسجيل سيقوم بالتسجيل بالضغط على زر التسجيل واذا اراد البحث سيفتح صفحة البحث الاصلية بدون الحاجة للقائمة المنسدلة ومجرد تسجيل دخوله سيصبح له خصائص الاعضاء كلها والتى تتضمن وجود هذه الاكواد الخمسة

- ملف اخر مسئول عن الظهور الفورى للرد السريع دون تحميل الصفحة ولكن ما فائدة الرد السريع للزائر والذى لا يظهر للزائر اصلا

اذن فهذه الملفات تحمل على اجهزة الزوار دون الحاجة اليها فقط هي تستهلك من باندويث المنتدى وتخيل انه يدخل اليك الاف الزوار فى اليوم وكل زائر تحمل لديه الملفات اذن ستستهلك باندويث عالى جدا دون اي فائدة

طريقة حذف أكواد الجافا الخمسة المسببة لبطئ المنتدى واستهلاك الباندويث

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

<if condition="$bbuserinfo['usergroupid'] != 1"></if>

لا تنسى البادئة والناهية ليصبح شكل الأكواد الخمسة هكذا

<if condition="$bbuserinfo['usergroupid'] != 1"> 
******** type="text/**********" src="$stylevar[yuipath]/yahoo-dom-event/yahoo-dom-event.js?v=$vboptions[simpleversion]"></script> 
******** type="text/**********" src="$stylevar[yuipath]/connection/connection-min.js?v=$vboptions[simpleversion]"></script> 
******** type="text/**********"> 
<!-- 
var SESSIONURL = "$session[sessionurl_js]"; 
var SECURITYTOKEN = "$bbuserinfo[securitytoken]"; 
var IMGDIR_MISC = "$stylevar[imgdir_misc]"; 
var vb_disable_ajax = parseInt("$vboptions[disable_ajax]", 10); 
// --> 
</script> 
******** type="text/**********" src="clientscript/vbulletin_global.js?v=$vboptions[simpleversion]"></script> 
<if condition="$show['popups']">******** type="text/**********" src="clientscript/vbulletin_menu.js?v=$vboptions[simpleversion]"></script></if> 
</if>

وهذه صورة الاكواد بعد التعديل داخل القالب

اذن ما الفائدة التى ستعود علينا من هذا الموضوع الطويل

فوائد حذف أكواد الجافا الموجودة فى قالب headinclude

1- يجد الزائر سرعة غير عادية فى تصفح منتداك وبالطبع الزوار هم العدد المهول فى أي موقع بعكس الأعضاء الذين الا يشكل وجودهم سوى نسبة تكاد لا تذكر من كل متصفحي الموقع

2- تجد العناكب موقعك سهلا للتصفح والأرشفة وستلاحظ زيادة عدد عناكب جوجل فى موقعك مثل ما حدث معى

3- ينخفض الباندويث معك الى 10 بالمائة وكمثال على موقعى يدخل اليه 3000 زائر يومى كانو يستهلكون 30 جيجا باندويث لانى مركب هاك كاش الصور ومعظم مواضيعى عن الصور المرفوعه على مساحة موقعى لهذا الباندويث مرتفع قليلا عن باقى المواقع
والله العظيم قد انخفض الباندويث عندى الى ان وصل 3 جيجا فقط لل 3000 زائر بعد ان كان 30 جيجا تخيل مدى الفائدة

4- سترتفع نسبة النقر الى ظهور الصفحة فى حسابك جوجل ادسنس نظرا لان متصفحى الموبايل والكمبيوتر قد تفادو تحميل ملفات الجافا قبل الدخول الى موقعك وللتأكد افحص سرعة موقعك والتى تؤثر على النسب والنقرات قبل وبعد التعديل من هنا

https://developers.google.com/speed/pagespeed/insights

خاصية فى جوجل تخبرك بتعديل الاخطاء

وان كان اي كود فى موقعك غير مفيد للزوار يمكنك اتسثناؤه باحاطته بالاكواد الحاجبة عن الزوار كما ذكرت لكم بالأعلى

---------- خطوة اخيره هامة لتخفيض باندويث منتداك ايضا مع السابقة هو ان تسجل فى موقع الحماية كلاود فلير والذى يتحكم فى كل اكواد موقعك اوتوماتيكيا من هذا الرابط

Home | CloudFlare | The web performance & security company

والذى سأشرح لكم كيفية التسجيل فيه وضبط إعداداته فى المرة القادمة

اتمنى ان ينال الشرح اعجابكم واتحدى وجود مثل هذه الطريقة فى اي مكان اخر على شبكة الانترنت