الثلاثاء، 21 يناير 2014

كيف أقوم بتسريع مدونتي أو موقعي أو منتداي في 8 خطوات فعالة

19:06



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

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

الحديث هنا سيكون عن المدونة لكن كل ما سيقال ينطبق أيضا على المواقع و المنتديات.




الخطوة الأولى: قلل من إستعمال JavaScript

لا أحد ينكر أن JavaScript تضيف الكثير من التفاعلية للموقع و تجعله أكثر جاذبية، و لكنها تساهم لحد ما في إبطاء مدونتك بسبب وزن ملفاتها الكبير، لذى وجب تجنب استعمالها إلا فيما هو ضروري.
إنتباه أ: لا تستعمل النوافذ المنبثقة لإعتمادها على أكواد الجاڤاسكريبت، و لكونها مزعجة، و لأنها توحي (لي شخصيا) أن صاحب المدونة هاو؛
إنتباه ب: يجب عليك ألا تجعل أكواد الجاڤاسكريبت مدمجة مع تومبلايت مدونتك بل يجب أن تكون في ملفات خارجية تتم استضافتها مثلا على غوغل درايڤ حتى يتم عمل الكاش لها على حاسوبك و لا يتم تحميلها كل مرة عند كل زيارة. فمثلا إن كانت أكواد الجاڤاسكريبت في تومبلايت المدونة يقدر وزنها ب ٣٠٠ كيلوبايت، فعندما تضعها في ملفات خارجية، سوف يتم التخلص من هذه الكمية و سوف يتم تحميل صفحتك بسرعة أكبر.
إنتباه ج: قم بضغط ملفات\أكواد جاڤاسكريبت. الضغط يكون بحذف كل ماهو زائد في الكود و بإعادة كتابة الكود بطريقة أصح.
موقع لضغط أكواد جاڤاسكربت: Javascript Compressor



 

الخطوة الثانية: تخص CSS
كما نعلم فأكواد CSS هي المسؤولة عن تنسيق عناصر صفحاتنا، غير أن هذه الأكواد قد تكون في بعض الأحيان مكررة... لذا وجب:
إنتباه أ: التأكد يدويا أو باستعمال برنامج من عدم وجود أكواد مكررة؛
إنتباه ب: ضغطها لتقليص حجمها و بالتالي تأثيرها على مدونتنا. يمكن ضغطها هنا: CSS Compressor
إنتباه ج: كما جاء مع جاڤاسكيبت، وجب جعل كل أكواد CSS في ملف خارجي خارجي ورفعها مثلا على غوغل درايف ثم ربطها مع البلوغ؛


الخطوة الثالثة: تجنب استعمال الكثير من الصور

لا تستعمل الكثير من الصور في موضوع واحد، إقتصر على أقل قدر ممكن منها، لأنها تكون ثقيلة مما يزيد من مدة تحميل الصفحة.
إنتباه أ: يجب عليك قبل وضع الصور في أحد المواضيع أن تقوم بضغطها/تقليص حجمها، يمكن الإستعانة ب الذي Riot - Radical Image Optimization أستعمله شخصيا؛
إنتباه ب: إن كان ممكنا عوِّض الصور (أقصد هنا مثلا صورة لوغو الفيسبوك، لوغو التويتر...) بكلمات، فذلك يجعل مدونتك أخف؛
إنتباه ج: إن كنت من مستوى متقدم فيمكنك عمل CSS Sprites (أي جمعها في صورة واحدة) لكل الصور الثابة (غير التي نضع في المواضيع) في مدونتك، و بالتالي تقلل من الضغط على الخادم و بالتالي سرعة أكبر؛
إنتباه د: يجب ألا تختار صور بصيغة JPEG لأنها ثقيلة الوزن وإنما حولها دائما إلى الصيغة PNG أو GIF لأنها أخف وزنا.


الخطوة الرابعة: إستعمال خدمة CDN

 CDN هو أحد أهم الأمور الذي يجب على صاحب كل مدونة إحترافية أن يهتم بها. ب CDN نقصد "شبكة إيصال المحتوى". ماذا يعني هذا؟ يعني مثلا إن كانت مدونتي توجد على خادم في أمريكا وقمت بالإشتراك بأحد خدمات CDN، فإن الشركة التي تقدم هذه الخدمة ستنسخ الأجزاء الثابتة من مدونتي (صور، ملفات جافاسكريبت، ملفات CSS، ملفات HTML... والتي تمثل نسبة جد مهمة من المدونة) و تضعها على خوادم منتشرة على الكرة الأرضية، و إن قام زائر مثلا من الهند بالدخول إلى مدونتي فإنها ستعرض عليه تلك الملفات المخزنة لديها من أقرب خادم لها من الهند بدلا من أن يتم تحميل تلك الملفات من أمريكا، مما يجعل مدة تحميل صفحات المدونة أسرع بكثير.
أقترح عليكم هذا الموقع فهو يقدم هذا الخدمة مجانا: Cloudflare


الخطوة الخامسة: إستعمال تاغ الشروط

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



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

 

وهكذا...

الخطوة السادسة: إحذف ال Widgets (Plugins, Addons فيما يخص المنتديات)غير الضرورية

لا تستعمل Widgets غير النافعة، لأن العديد منها يوثر على سرعة المدونة، إذن أفضل شيء الإقتصار على الضروري منها.

الخطوة السابعة: لا تفْرط في الإشهار

تجنب استعمال كميات كبيرة من بانيرات الإشهار، فهذا يزعج الزوار، فضلا عن أن استعمالها يعني إضافة وزن إضافي للصفحة (لاعتماد الإشهار على أكواد جاڤا سكريبت)، و بالتالي الزيادة في مدة تحميل الصفحة.
الربح لا يجب أن يكون على حساب جودة مدونتك و إلا ستخسر كل شيء؛

الخطوة الثامنة: إعرض عدد قليل من المواضيع في صفحتك الرئيسة

لا تعرض أكثر من ٨ مواضيع في الصفحة الرئيسة، فالعديد منها يوثر سلبا على سرعة مدونتك؛


أما لفحص سرعة مدونتك قبل و بعد تطبيق الخطءات السابقة فتمكنك الإستعانة بالمواقع التي تقوم بذلك. فقط أدخل عنوان مدونتك و انقر "إدخال" و انتظر قليلا لتحصل على النتائج


١ - Google Page Insights

٢ - Pingdom Website Speed Test
٣ - GTmatrix


هذا كل ما في الأمر، سنعود لاحقا إنشاء الله لشرح هذه الخطوات بكل دقة.


شكرا لتتبعكم

أرجو أن تكونوا قد استفدتوا.

1 Comment

  1. موضوع جيدا جدا استفدت منه كثيرا
    جزاك الله خير

    ردحذف

يتم التشغيل بواسطة Blogger.