هل هناك فائدة من ضغط ملفات CSS , JS وهل استضافتهم خارجياً أفضل ؟

 كثيراً من الحلول المعروضة لتسريع القوالب والمواقع بشكل عام هو ضغط ملفات الجافاسكريبت و CSS 

تجد مقال كامل حول كيف يساهم هذا في تسريع موقعك وهناك كثيرين يتبعون الأمر , منهم من لاحظ سرعة منهم من لا يلاحظ شئ ومنهم من يتلف موقعه تماماً  بسبب تلك العملية لكن يا ترى ما هي حقيقة الأمر ? هذا ما سنتعرف عليه في المقال

الكيفية

كيف يتم ضغط الأكواد بالضبط ؟ ضغط الأكواد يتم عبر ازالة المسافات والأسطر والتعليقات البرمجية من الأكواد

لا يعدل الضغط الكود نفسه ولكن هو يزيل الأمور التي ليس لها فائدة , بعض وسائل الضغط  قد تدمج بعض الأمور البرمجية المتشابهة في أمر واحد طالما يقوم بتلك الوظيفه وذلك لتقليل الأوامر 

مثال كود غير مضغوط

#Example {

overflow: hidden;

position: relative;

padding: 15px;

background-color: #fff;

margin-bottom: 20px;

}

نفس الكود بعد الضغط

#Example{overflow:hidden;position:relative;padding:15px;background-color:#fff;margin-bottom:20px}

المميزات

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

أيضاً عندما يكون الكود صغير يكون حجم القالب صغير يسهل رفعه دون حدوث أخطاء او تعليق أثناء الرفع

العيوب

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

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

إستضافة الملفات خارجياً

البعض لا يفرق معه مسألة الضغط لأن معظم ملفاته يتم استضافاتها بروابط خارجية , لكن الحقيقة الإستضافة الخارجية لها عيوب كثيرة

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

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

تلخيصاً للفائدة

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

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

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

آداة ضغط أكواد CSS الخاصة بنا

موقع لضغط ملفات JS

تعديل