عند تجميع CSS في ملف واحد، حتى بعد عملية tree-shaking، فإنه لا يزال يحتوي على الكثير من CSS غير المستخدم بسبب سياقات @media المختلفة (الهاتف المحمول، الجهاز اللوحي، سطح المكتب، السمات الداكنة/الفاتحة/غيرها، إلخ).
هذا سيء بالنسبة لمقاييس Core Web Vitals. تقسيم CSS حسب شروط @media يمنح دفعة هائلة في الأداء.
مزيد من المعلومات حول هذا:
يرجى النظر في تطبيق هذا التحسين في Discourse. حاليًا، هذه المشكلة هي ما يمنعني من التحول إلى Discourse.
يرجى ملاحظة أن تقليل CSS غير المستخدم و التخلص من الموارد التي تعيق العرض (وهي كل CSS في حالتك) هي التوصيات الأولى والثانية لمنتديات Discourse بواسطة pagespeed insights.
شكراً لكم على عملكم المذهل!