هل تقسيم ملف الـCSS الرئيسي لعدد من الملفات أمر جيد؟

السلام عليكم،

أرى دائمًا بعد الانتهاء من مشروع ما، أن ملف الـCSS الرئيسي الذي أعدل فيه، يصبح طويلاً جداً ومليء بالقواعد، وللأسف لا يتم استخدام كل هذه القواعد أو الـ(Rules) في كل الصفحات، فيصبح الموقع بطيء جداً عند تحميله لأول مرة، خاصةً إذا تجاوز ملف الـCSS حجم 50KB على سبيل المثال.

أنا أعلم أن فصل ملف الCSS لعدة ملفات وتحميل كل ملف للصفحة الخاصة به أمر سيء فهو يحمل ملف الـCSS في كل مرة، ولكن في رأيي هذا أفضل، فربما لن يتصفح الزائر كل موقعك، بل عِدة صفحات فقط.

ولكنني غير متأكد بأن هذا هو الحل النهائي والأنسب.

فما هو الحل لمشكلة توفر ملف الـCSS الشامل وكبر حجمه لكل الصفحات؟

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

التعليقات

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

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

لست متأكد من المعلومات لكن اتمنى أن يفيدنا خبراء مجتمع حسوب

إن كنت تبحث عن تنظيم ملفات كود css فاستعمل sass

البعض يقومن بحفظ بعض المعلومات في الكاش وتكون محفوظة في لدى الزائر في المتصفح

أعتقد بأن المتصفح يقوم بتحميل وعمل Caching للملف تلقائيًا في الجهاز عند طلب الصفحة، هل يوجد طريقة برمجية لحفظ الملفات في الكاش؟

إن كنت تبحث عن تنظيم ملفات كود css فاستعمل sass

أنا أستعملها فعلًا، ولكن ليس لها علاقة بسؤالي بتاتًا.

صديقي لم أعني ضغط ملف الـCSS، فهذا أمر سهل ومتوفر للتطبيق، ولكنني عنيت أنه هل من الجيد تقسيم الملف الرئيسي لعِدة ملفات صغيرة، يتم تحميل الملفات اللازمة في كل صفحة عن عمل Request أو طلب لها؟

-1

على حسب طريقة التقسيم، فلو قسمت header, footer في ملفات منفصلة بهذه الطريقة عند الانتقال بين صفحات موقعك سيزيد معدل requests لملفات css و طبعا هذا يؤثر على سرعة الموقع؛ أما لو كان كل صفحة في الموقع لها ملف css خاص بها (و هو أمر نادر الحدوث) سنجد أنه لا مشكلة من عملية التقسيم؛ على أي حال أثناء تطوير الموقع يمكنك استعمال عدة ملفات منفصلة و قبل رفع موقعك على الاستضافة يمكنك ضغط جميع ملفاتك css في ملف واحد