السلام عليكم.
لدي رأي ووجهة نظر.
الغرض الأساسي حسب ما فهمت هو تحسين سرعة تحميل الموقع أو التطبيق عن طريق خفض حجم ملف او ملفات السي اس اس.
هناك الكثير ما يمكن قوله أو عمله بخصوص هذا.
الاعتماج على نهج معين في كتابة الكود
عند كتابة الكود الأساسي للموقع يجب الاعتماج على نهج معين في كتابة أكواد سي اس اس.
كلنا نعلم أن عند كتابة أكود سي اس اس فالمزيات نفسها بنفس القيم يمكن أن نعطيها للعديد من الوسوم في المشروع في أماكن مختلفة أو في ملفات مختلفة، معضمنا يسنده بشكل فردي لآن الجزء الآخر للمشروع لم نصل إليه. وهذا يسمى تكرار.
وأفضل نهج هو جمع جميع الوسوم التي تتشاراك مع بعضها قيمة أو قيم معينة في جزء واحد فقط.
الاعتماد على صيغة وحيدة لتطبيق السي اس اس
هناك تلاث طرق لوضع أكود سي اساس.
1.على وسم html
2.أعلى الصفحة أو اسفلها أو معا.
3.سي اس اس خارجي
يجب عدم اعتماد كل الطرق بل اعتماد طريقة وحيدة فقط.
والطريق الامثل هي اعتماد سي اس اس خارجي.
وتحميل سي اس اس رأي الصفحة في هيد الموقع وتحميل سي اس اس بقاي الصفحة التي تسمى below the fold أسفل الصفحة.
استعمال المتغيرات
المتغيرات في السي اس اس هو أمر رائع جدا لجميع المشاريع لعدم تكرار أي قيم معينة، ومهمة أيضاً عند التعديل مستقبلا.
مثال:
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
هناك أمر أخرى يجب وضعها في عين الاعتبار منها:
تجنب !important في أكواد السي اس اس، وخصوصا إذا كنت صاحب المشروع أو تعمل على مشروعك. أما إذا كنت تقوم بتحسين القوالب للعملاء فهذا قد يكون ضروري أحيانا.
إضافة محاذات داخلية وخارجية لمجيع الوسوم في مكان وحاد.
تجنب استدعاء وسم باستعمال selector طويل مثل : تسجيل الدخول لعرض الكود
تسجيل الدخول لعرض الكود
استعمل الصيغ المختصرة 🇦
مثلا:
بدل تسجيل الدخول لعرض الكود
استعمل
تسجيل الدخول لعرض الكود
كما أن عملية إستخدام كلاسات عديدة لنفس الموسم يكون جيد. مثل:
تسجيل الدخول لعرض الكود
