ماهو المقصود بضغط أكواد CSS أو تقليل حجم ملف CSS؟

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

هل يؤتر ضغط أكواد CSS على الكود الأصلي؟

نعم يؤتر عليه فحجم ملف CSS سيصبح قليل الحجم بمقارنة بحجم الملف الأصلي , و لكن الكود المضغوط يشتغل عادي متله متل الأصلي , الفرق هو أن جميع أكواد CSS في الملف المضغوط ستصبح في سطر واحد و أيضا التعليقات ستختفي من داخل الكود , لهدا لو كنت أنت مبرمج عليك أن تعرف هدا جيدا و تأخد إحتياطاتك.

لمادا أو ماهي أهمية ضغط أو تقليل حجم ملف CSS؟

الأهمية الرئيسية لضغط أكواد CSS هو تسريع الموقع أو المدونة , كلما كان الملف كبيرا كان الموقع بطيئاً , لهدا من المهم ضغط أكواد CSS و جعل ملف CSS صغير الحجم بمقارنة بحجمه الأصلي كيف ما كان , حتى و لو كنت تعتقد أن ملف CSS الدي تستعمله صغير الحجم فجوجل توصي بضغطه , الأنك لو فحصت موقعك عن طريق جوجل نفسه أو عن طريق أي موقع أخر يقدم خدمة فحص سرعة الموقع أو من خلال أداة Lighthouse نفسها التي توجد في جميع المتصفحات و تستعملها معظم مواقع الفحص , سيظهر لك المشكل المسمى Minimize main thread work أو Minify CSS , و أهمية أن يكون موقعك سريعا يعني أن تكون له قوة على المنافسة في الظهور في نتائج البحت الأولى أو تصدرها.

هل هو ضروري الإحتفاظ بأكواد CSS الأصلية بعد الضغط؟

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

أداة ضغط كود CSS أونلاين - أداة مجانية لتقليل حجم ملفات CSS

أداة ضغط أكواد css