CSS Settings في LiteSpeed Cache
قسم CSS Settings داخل Page Optimization في LiteSpeed Cache يقدم لك مجموعة من الأدوات المهمة لتسريع تحميل ملفات CSS وتحسين أداء موقع ووردبريس. في هذا المقال، نشرح كل خيار ومتى يفضل تفعيله.
أولاً: CSS Minify
في بند Minify CSS يقوم بإزالة الفراغات والتعليقات من ملفات CSS لتقليل حجمها وتسريع تحميلها.
يفضل تفعيله في أغلب المواقع.
اختبر الموقع بعد التفعيل لتأكد من توافق القالب مع هذه الميزة.
اختبر الموقع بعد التفعيل لتأكد من توافق القالب مع هذه الميزة.ثانياً: CSS Combine
يجمع كل ملفات CSS في ملف واحد، لتقليل عدد الطلبات التي يرسلها المتصفح.
- مفيد لتحسين الأداء، لكنه قد يسبب مشاكل في التصميم ببعض القوالب.
- اختبره جيدًا بعد التفعيل.
ثالثاً: Generate UCSS (Unique CSS)
ينشئ ملفات CSS خاصة بكل صفحة باستخدام خدمة QUIC.cloud، لتقليل حجم CSS أكثر.
- مفيد للمواقع التي تعتمد على تصميم مختلف لكل صفحة.
- يحتاج تفعيل ربط QUIC.cloud بشكل صحيح.
رابعاً: UCSS Inline
يضيف كود UCSS مباشرة داخل الصفحة (بدل استدعائه من ملف خارجي) لتحسين سرعة التحميل الأولى.
خامساً: CSS Combine External and Inline
يجمع ملفات CSS الخارجية وCSS المكتوب مباشرة في الصفحة، لتحسين التحميل.
سادساً: Load CSS Asynchronously
يجعل تحميل CSS يتم بشكل غير متزامن، ما يعني تحميل الصفحة أسرع حتى قبل تحميل CSS كاملًا.
- مفيد جدًا للسرعة، لكنه يحتاج اختبارات للتأكد من عدم تأثر التصميم.
سابعاً: CCSS Per URL
يحدد ما إذا كان سيتم إنشاء ملفات CCSS (Critical CSS) لكل رابط URL مختلف.
- مفيد لمواقع ذات صفحات ديناميكية كثيرة.
ثامناً: Inline CSS Async Lib
يضيف مكتبة تحميل CSS بشكل غير متزامن داخل الصفحة، لتسريع التحميل وتقليل حظر العرض.
تاسعاً: Font Display Optimization
تحسين طريقة تحميل الخطوط (font-display: swap) حتى تظهر النصوص بسرعة بدون انتظار تحميل الخط بالكامل.
جدول ملخص الإعدادات
| الإعداد | وظيفته | متى يفضل تفعيله؟ |
|---|---|---|
| CSS Minify | إزالة الفراغات والتعليقات لتقليل حجم CSS |  دائمًا |
| CSS Combine | دمج ملفات CSS لتقليل الطلبات | اختبره قبل التفعيل |
| Generate UCSS | إنشاء CSS مخصص لكل صفحة عبر QUIC.cloud | لو ربطت QUIC.cloud |
| Load CSS Asynchronously | تحميل CSS بشكل غير متزامن | يحسن السرعة |
| Font Display Optimization | عرض الخطوط بسرعة بدون تأخير النصوص | دائمًا |
خاتمة
قسم اعدادات CSS يمنحك مرونة كبيرة لتحسين سرعة موقعك وتجربة الزائر. ابدأ بتفعيل الميزات الأساسية مثل CSS Minify وFont Display، ثم اختبر موقعك قبل تفعيل الميزات الأكثر تقدمًا مثل Load CSS Asynchronously أو Generate UCSS.
🔗 اقرأ أيضًا:
