شاشة الإنتظار

لغة القالب

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

كن مدون
الثلاثاء, أكتوبر 05, 2021

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

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

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

الكيفية

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

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

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

#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

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

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

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

    ردحذف
    الردود
    1. أهلاً بك اخي الكريم , يسرني ان المقال نال إعجابك وان شاء الله أحاول تقديم مواضيع أكثر مفيدة لكم احبابنا
      تحياتي لك

      حذف
  2. شكرآ اخي "عمرو" علي التوضيح، لا تحرمنا من تلك النصائح المفيدة
    تقبل احترامي لكم.

    ردحذف
    الردود
    1. على رأسي أخي علي , نورت الموضوع يا طيب

      حذف

عدد المواضيع