تسريع ووردبريس LiteSpeed: تحسين الوسائط والميزات المتقدمة(2)

تسريع ووردبريس باستخدام  LiteSpeed: دليل تحسين الوسائط والميزات المتقدمة (2)

أهلاً بك مرة أخرى! بعد أن تعرفنا في الجزء الأول من دليل LiteSpeed Cache على أهمية إعدادات التخزين المؤقت، وكيفية ضبطها لضمان أداء فائق وسرعة تحميل ممتازة (انقر هنا للعودة إلى الجزء الأول)، حان الوقت للانتقال إلى المرحلة التالية.

في هذا الجزء، سنستكمل رحلتنا لاستكشاف الأدوات الأكثر تقدماً في الإضافة، بدءاً من تحسين الصور والوسائط، وصولاً إلى أدوات المزامنة والتعديل، لنمنحك دليلاً شاملاً يجعلك محترفاً في تسريع موقعك.

تسريع ووردبريس إلى أقصى حد: شرح متقدم لإضافة LiteSpeed Cache

أدوات LiteSpeed Cache المتقدمة لتحسين الأداء

بعد أن استعرضنا أساسيات إعداد الكاش، حان الوقت للانتقال إلى المستوى التالي من تحسين السرعة وتجربة المستخدم. إضافة LiteSpeed Cache ليست مجرد أداة للتخزين المؤقت، بل هي منصة متكاملة تضم مجموعة من الأدوات الذكية التي تعمل كمهندس أداء خلف الكواليس، تضبط وتُحسن كل تفصيلة في موقعك بدقة وفعالية.

في هذا الدليل، سنتعمق في أبرز هذه الأدوات، ونوضح كيف يمكن استخدامها لتحقيق أقصى استفادة من الإضافة، وتحقيق تجربة تصفح سريعة وسلسة لا تُنسى.

تحسين الصور والوسائط

الصور تُعد من أكثر العناصر تأثيرًا على سرعة تحميل الصفحات، وهنا يأتي دور LiteSpeed Cache في تقديم حلول متقدمة:

• التحسين التلقائي للصور: تقوم الإضافة بضغط الصور دون التأثير على جودتها، مما يقلل حجمها بشكل كبير.
• تغيير الحجم (Resize): يتم ضبط أبعاد الصور تلقائيًا لتناسب الأجهزة المختلفة، مما يمنع تحميل صور أكبر من اللازم.
• تحويل إلى WebP: صيغة WebP الحديثة توفر جودة عالية بحجم أقل، وتدعمها معظم المتصفحات الحديثة.
• التحميل الكسول (Lazy Load): تؤجل تحميل الصور غير المرئية حتى يبدأ المستخدم في التمرير، مما يقلل وقت التحميل الأولي للصفحة ويُحسن الأداء بشكل ملحوظ.

الاستضافة وخدمات CDN: شراكة من أجل السرعة

لا يمكن أن تعمل إضافة LiteSpeed Cache بكامل طاقتها دون بيئة استضافة داعمة وشبكة توصيل محتوى فعالة.

 الاستضافة المثالية:

• استخدام استضافة تعتمد على خادم LiteSpeed هو أساس الأداء العالي.
• هذا النوع من الخوادم يسمح للإضافة بالتكامل المباشر مع الخادم، مما يمنحها صلاحيات متقدمة في إدارة الكاش، وضغط الملفات، وتحسين الأداء العام.
• في المقابل، الاستضافات التي تعتمد على Apache أو Nginx قد لا تستفيد من جميع ميزات الإضافة بنفس الكفاءة.

دور الاستضافة: سنشرح هنا كيف أن استخدام استضافة تعتمد على خادم LiteSpeed هو أساس الأداء العالي. هذا النوع من الاستضافة يسمح للإضافة بالعمل بشكل متناغم ومباشر مع الخادم، مما يمنحها قدرات فائقة في معالجة الكاش والطلبات. سنشير إلى أن الاستضافات الأخرى قد لا تستفيد من جميع ميزات الإضافة بنفس الكفاءة.

شبكات CDN:

• تعمل شبكات توصيل المحتوى (CDN) على توزيع نسخ من موقعك على خوادم حول العالم، مما يقلل زمن الاستجابة ويُسرّع تحميل الصفحات.
• خدمة QUIC.cloud هي الشريك المثالي لـ LiteSpeed Cache، حيث تقدم:
  • CDN فائق السرعة.
  • تحسين الصور.
  • توليد CSS حرج (Critical CSS).
  • حماية متقدمة من الهجمات.
• كما يمكن دمج الإضافة بسهولة مع خدمات أخرى مثل Cloudflare، مع إمكانية ضبط الإعدادات المتقدمة لتتكامل بسلاسة مع أي شبكة CDN.

أدوات المزامنة والتعديل (Page Optimization)

في هذا الجزء، سنتطرق إلى الأدوات التي تساعد في تقليل حجم ملفات CSS و JavaScript. سنشرح مصطلحات مثل:

• Minify: تقليل حجم الملفات بإزالة المسافات والتعليقات غير الضرورية.
• Combine: دمج عدة ملفات في ملف واحد لتقليل عدد الطلبات على الخادم.
• Async/Defer CSS/JS: طرق لتحميل ملفات CSS و JavaScript بطريقة غير مؤثرة على وقت تحميل الصفحة.

الإعدادات المتقدمة (ما وراء الكاش)

بعد أن أتقنا أساسيات الكاش، سننتقل في هذا الجزء إلى استكشاف الأدوات التي تمنحك تحكماً كاملاً في أداء موقعك. من تحسين الصور والوسائط، إلى ضبط إعدادات الواجهة الأمامية، مروراً بأدوات تنظيف قاعدة البيانات ودمج شبكات توصيل المحتوى (CDN). في هذا القسم، سنقوم بتفصيل كل إعداد متبقٍ في الإضافة، مما يجهزك لتحقيق أقصى درجات السرعة والاحترافية.

إعدادات CDN: شراكة استراتيجية من أجل سرعة عالمية

بينما تعمل إضافة LiteSpeed Cache على تسريع موقعك من داخل الخادم، فإن دمجها مع شبكة توصيل المحتوى (CDN) يفتح آفاقًا جديدة من الأداء، ويمنح موقعك قدرة على الوصول السريع للمستخدمين حول العالم، بغض النظر عن موقعهم الجغرافي.

🚀 لماذا CDN ضروري؟

شبكات CDN تقوم بتوزيع نسخة من محتوى موقعك (مثل الصور، ملفات CSS وJS، وحتى صفحات HTML الثابتة) على مجموعة من الخوادم المنتشرة عالميًا. عندما يزور أحد المستخدمين موقعك، يتم تقديم المحتوى من أقرب خادم جغرافي له، مما يقلل زمن الاستجابة ويُحسن تجربة التصفح بشكل كبير.

🔗 التكامل مع LiteSpeed Cache

إضافة LiteSpeed Cache تم تصميمها لتتكامل بسلاسة مع شبكات CDN، وخاصة خدمة QUIC.cloud، التي تُعد الامتداد الطبيعي لتقنيات LiteSpeed. هذا التكامل يتيح:

• تسريع تحميل الصفحات عبر شبكة CDN فائقة الأداء.
• تحسين الصور تلقائيًا قبل توزيعها.
• توليد CSS حرج (Critical CSS) مخصص لكل صفحة.
• حماية متقدمة من الهجمات عبر تقنيات WAF و DDoS mitigation.

لوحة التحكم CDN: رؤية واضحة لحالة الربط

كما تُظهر الصورة، توفر لوحة تحكم LiteSpeed Cache نظرة شاملة على حالة الربط مع QUIC.cloud، تشمل:

• التحقق من حالة CDN: هل الخدمة مفعّلة وتعمل بكفاءة؟
• ربط النطاق (DNS): هل تم توجيه النطاق بشكل صحيح إلى شبكة QUIC.cloud؟
• شهادة الأمان (SSL): هل الاتصال آمن ومشفّر؟
• مستوى الخدمة: هل تستخدم الخطة المجانية أم المدفوعة؟ وما الميزات المتاحة في كل منها؟

هذه المعلومات تتيح لك متابعة حالة الخدمة بدقة، واتخاذ قرارات سريعة لتحسين الأداء أو ترقية الخدمة عند الحاجة.

خيارات أخرى: Cloudflare و CDN متعددة

رغم أن QUIC.cloud هو الخيار الأمثل لتكامل LiteSpeed، إلا أن الإضافة تدعم أيضًا خدمات CDN أخرى مثل Cloudflare، والتي يمكن دمجها بسهولة عبر إعدادات DNS وواجهة الإضافة.

• يمكنك تفعيل CDN خارجي من داخل إعدادات LiteSpeed Cache.
• الإضافة توفر إعدادات متقدمة لضبط رؤوس HTTP، التحكم في الكاش، وتحديد سلوك الملفات الثابتة.
• يمكن استخدام Cloudflare كطبقة حماية إضافية بجانب QUIC.cloud، أو كبديل في حال كانت هناك متطلبات خاصة.

📚 للمزيد من التفاصيل

لقد قمنا بتوثيق عملية الربط بين LiteSpeed Cache وخدمات CDN المختلفة في مقال شامل ومفصل، يتضمن خطوات الربط، إعدادات DNS، وأفضل الممارسات لضمان التكامل الكامل بين الإضافة والخدمة. يمكنك الرجوع إليه للحصول على شرح عملي خطوة بخطوة.

تحسين الصور (Image Optimization):

ملخص الأداء لتحسين الصور

يُعد قسم Image Optimization Summary بمثابة لوحة تحكم سريعة توفر لك نظرة عامة على حالة تحسين الصور في موقعك.

• Image Information: يوضح هذا الجزء إجمالي عدد مجموعات الصور التي تمت معالجتها، والموقع الحالي لعملية التحسين (Image post id position)، بالإضافة إلى نسبة التقدم (96% في الصورة). هذا يعطيك فكرة عن حجم العمل المنجز والمتبقي.
• Optimization Status: يظهر هذا الجزء عدد مجموعات الصور الجاهزة للمعالجة (7 groups, 96 images). يمكنك هنا إرسال طلب تحسين جديد (Send Optimization Request) بحد أقصى 200 صورة في المرة الواحدة، كما يمكنك تنظيف الطلبات غير المكتملة (Clean Up Unfinished Data).
• Optimization Summary: يعرض هذا القسم ملخصًا لأداء التحسين بشكل عام:
  • Total Reduction: إجمالي نسبة الضغط والتحسين التي تم تحقيقها على جميع الصور، وهو مؤشر ممتاز على فعالية الإضافة.
  • Images Pulled: عدد الصور التي تم سحبها من مكتبة الوسائط الخاصة بك.
  • Last Request: تاريخ آخر طلب لتحسين الصور.
  • Last Pulled (Cron): تاريخ آخر عملية سحب للصور تلقائيًا عبر وظيفة Cron.
• Storage Optimization: يخبرك هذا القسم أن نسخة احتياطية من كل صورة تُحفظ قبل التحسين. كما يعرض قائمة بأحجام الصور المصغرة (Image Thumbnail Group Sizes) التي يقوم ووردبريس بإنشائها، مما يساعدك على فهم كيفية استخدام الصور في موقعك.
• Optimization Tools: يوفر هذا الجزء أدوات مهمة للتحكم في الصور:
  • Use Original Files / Use Optimized Files: يسمح لك بالتبديل السريع بين استخدام الصور الأصلية غير المحسّنة أو النسخ المحسّنة، وهو خيار مفيد للمقارنة أو في حال حدثت أي مشكلة.
  • Soft Reset Optimization Counts: يعيد تعيين عدادات التحسين.
  • Destroy All Optimization Data: خيار جذري يحذف جميع بيانات التحسين، بما في ذلك الصور المحسّنة، ويعيد موقعك إلى حالته الأصلية، وهو خيار لا يجب استخدامه إلا عند الضرورة القصوى.

إعدادات التحسين (Image Optimization Settings): تحكم كامل

في هذا القسم، ستجد جميع الخيارات التي تسمح لك بضبط عملية تحسين الصور بشكل دقيق.

• Auto Request Cron: تفعيل هذا الخيار يسمح للإضافة بطلب تحسين الصور تلقائيًا عبر وظيفة Cron، مما يضمن أن الصور الجديدة يتم معالجتها بانتظام دون تدخل منك.
• Optimize Original Images: عند تفعيل هذا الخيار، ستقوم الإضافة بضغط وتحسين الصور الأصلية ونسخها الاحتياطية في نفس المجلد.
• Remove Original Backups: تحذير! هذا الخيار غير قابل للعكس. عند تفعيله، تقوم الإضافة بحذف النسخ الاحتياطية للصور الأصلية بعد تحسينها. هذا يوفر مساحة تخزين على الخادم، لكنه يمنعك من العودة إلى الصور الأصلية.
• Optimize Losslessly: يسمح لك بضغط الصور دون فقدان أي من جودتها. غالبًا ما ينتج عن هذا حجم ملف أكبر من الضغط مع فقدان الجودة (lossy compression)، ولكنه مناسب للصور التي تتطلب جودة عالية جدًا.
• Preserve EXIF/XMP data: عند تفعيل هذا الخيار، ستحتفظ الإضافة ببيانات الوصف (metadata) للصور مثل حقوق النشر، معلومات GPS، والتعليقات. هذا قد يزيد من حجم الملف المحسّن.
• Next-Gen Image Format (WebP/AVIF): يتيح لك هذا الخيار تحويل الصور إلى صيغ حديثة وأكثر كفاءة مثل WebP أو AVIF. هذه الصيغ تقدم جودة ممتازة بحجم أصغر بكثير، مما يحسن من سرعة التحميل بشكل كبير.

• WebP/AVIF Attribute To Replace: تتيح لك هذه القائمة تحديد سمات عناصر HTML التي ستقوم الإضافة باستبدالها تلقائيًا بصيغة WebP أو AVIF. القائمة الافتراضية تغطي معظم الحالات الشائعة.
• WebP/AVIF For Extra srcset: تفعيل هذا الخيار يسمح للإضافة بإضافة إصدارات WebP/AVIF للصور التي تم إنشاؤها خارج منطق ووردبريس الأساسي، مما يضمن تغطية أكبر لعملية التحسين.

تحسين الصفحة (Page Optimization): ضبط الأداء الدقيق

يُعد قسم Page Optimization بمثابة غرفة العمليات الخاصة بموقعك. هنا، يمكنك التحكم في كيفية تحميل ملفات CSS و JavaScript، مما يؤثر بشكل مباشر على سرعة عرض الصفحة للمستخدم. تفعيل هذه الخيارات يتطلب منك أن تكون حذرًا. من الضروري جدًا تجربة أداء موقعك بعد تفعيل كل خيار على حدة، وتجنب تطبيق الإعدادات الموضحة في الصور بشكل أعمى. قد يؤدي تفعيل بعض الخيارات إلى مشاكل في عرض الموقع، خاصة مع القوالب والإضافات التي تعتمد على تصميم معقد. الهدف هو تحقيق أقصى سرعة ممكنة دون التضحية بالشكل الجمالي أو وظائف الموقع.

إعدادات CSS (CSS Settings): تسريع التحميل البصري

تعتبر ملفات CSS هي المسؤولة عن تنسيق وشكل موقعك. يمكن أن يؤثر حجمها وطريقة تحميلها بشكل كبير على وقت تحميل الصفحة. إليك شرح لكل خيار في هذا القسم:

• CSS Minify: يعمل هذا الخيار على تقليل حجم ملفات CSS عن طريق إزالة المسافات الزائدة والتعليقات والرموز غير الضرورية. تفعيل هذا الخيار يقلل من حجم الملفات، مما يسرع من تحميلها.
• CSS Combine: يقوم هذا الخيار بدمج عدة ملفات CSS في ملف واحد. هذا يقلل من عدد طلبات HTTP التي يرسلها المتصفح إلى الخادم، مما يؤدي إلى تسريع التحميل. ومع ذلك، قد يتسبب دمج الملفات في مشاكل توافقية مع بعض القوالب والإضافات، لذا يجب اختباره بحذر.
• Generate UCSS: “UCSS” تعني “Used CSS” (CSS المستخدم). هذا الخيار يستخدم خدمة QUIC.cloud لإنشاء ملف CSS يحتوي فقط على الأنماط التي يحتاجها كل صفحة لعرض المحتوى المرئي. هذا يقلل بشكل كبير من حجم ملف CSS المحمل، ولكنه قد يتطلب اشتراكًا في الخدمة.
• UCSS Inline: عند تفعيله، يقوم هذا الخيار بتضمين ملف UCSS (الذي تم إنشاؤه في الخيار السابق) مباشرة في كود HTML للصفحة. هذا يلغي الحاجة إلى طلب ملف خارجي، مما يسرع بشكل هائل من وقت تحميل الجزء المرئي من الصفحة.
• CSS Combine External and Inline: يدمج هذا الخيار ملفات CSS الخارجية مع الأكواد المضمنة في الصفحة (Inline CSS). يتم تفعيل هذا الخيار عندما يكون CSS Combine نشطًا، ويساعد في تقليل عدد الطلبات بشكل أكبر.

• Load CSS Asynchronously: هذا خيار متقدم للغاية. عند تفعيله، يتم تحميل ملفات CSS في الخلفية بينما يستمر المتصفح في عرض المحتوى. هذا يمنع ما يُسمى بـ “حظر العرض” (Render Blocking)، مما يجعل المستخدم يرى محتوى الصفحة بشكل أسرع. الإضافة تستخدم خدمة QUIC.cloud لإنشاء Critical CSS الضروري لعرض الجزء العلوي من الصفحة، ثم تقوم بتحميل باقي الأنماط في الخلفية.
• CCSS Per URL: يتيح لك هذا الخيار إنشاء Critical CSS لكل رابط (URL) في موقعك بدلاً من صفحة كاملة. هذا يوفر في حصة Critical CSS المخصصة لك، ولكنه قد يتسبب في مشاكل في التنسيق إذا كان موقعك يستخدم “Page Builder” أو إضافات معقدة.
• Inline CSS Async Lib: يضيف هذا الخيار مكتبة JavaScript صغيرة ومضمنة في كود HTML، مما يسمح بتحميل ملفات CSS بشكل غير متزامن دون حظر العرض.
• Font Display Optimization: يضيف هذا الخيار قاعدة font-display إلى ملفات CSS قبل تخزينها في الكاش. هذا يخبر المتصفح بكيفية عرض الخطوط أثناء تحميلها. الخيار الموصى به هو “Swap”، الذي يسمح للمتصفح باستخدام خط احتياطي حتى يتم تحميل الخط المخصص، مما يمنع ظهور فراغات في النص.

إعدادات JavaScript (JS Settings): التحكم في التفاعل

تُعد ملفات JavaScript مسؤولة عن الجانب التفاعلي والديناميكي في موقعك. يمكن أن يؤثر حجمها وطريقة تحميلها بشكل كبير على سرعة الاستجابة وتجربة المستخدم. كما هو الحال مع إعدادات CSS، يجب تجربة كل خيار على حدة واختبار أداء الموقع بعد تفعيله. قد تتسبب هذه الإعدادات في تعطيل بعض الوظائف أو ظهور أخطاء في الموقع، لذا كن حذرًا.

• JS Minify:
  • الشرح: يقوم هذا الخيار بإزالة الأحرف غير الضرورية مثل المسافات والتعليقات من ملفات JavaScript.
  • النصيحة: نعم، فعِّل هذا الخيار. نادرًا ما يسبب مشاكل، ويقلل بشكل فعال من حجم ملفات JS، مما يسرّع من تحميلها.
• JS Combine:
  • الشرح: يجمع هذا الخيار جميع ملفات JavaScript الداخلية في ملف واحد. هذا يقلل من عدد طلبات HTTP، مما يساهم في تسريع التحميل الأولي للموقع.
  • النصيحة: جرّب تفعيله، لكن كن مستعدًا لإلغائه. قد يتسبب هذا الخيار في أخطاء (JS errors) خاصة مع القوالب والإضافات التي تعتمد على ترتيب معين لتشغيل ملفات JS. إذا واجهت مشاكل، يمكنك التحقق من “developer console” في متصفحك للعثور على الخطأ.
• JS Combine External and Inline:
  • الشرح: يدمج هذا الخيار ملفات JavaScript الخارجية مع الأكواد المضمنة في الصفحة (Inline JS). يعمل هذا الخيار فقط إذا كان خيار JS Combine مفعّلاً.
  • النصيحة: فعّله بعد تفعيل JS Combine. هذا يساعد في تقليل عدد طلبات HTTP الإضافية، لكنه قد يزيد من فرصة حدوث أخطاء.
• Load JS Deferred:
  • الشرح: هذا خيار متقدم وحاسم لتحسين الأداء. عند تفعيله، يتم تأجيل تحميل ملفات JavaScript إلى ما بعد تحميل المحتوى المرئي للصفحة. هذا يمنع ملفات JS من “حظر العرض”، مما يجعل الصفحة تظهر للمستخدم بشكل أسرع بكثير. لديك خياران:
    • Deferred: يخبر المتصفح بتحميل ملفات JS في الخلفية أثناء تحليل كود HTML، ولكن لا يتم تشغيلها إلا بعد انتهاء تحليل الصفحة بالكامل.
    • Delayed: يخبر المتصفح بتحميل ملفات JS بعد انتهاء تحميل جميع محتويات الصفحة، مما يضمن عدم تأثيرها على الأداء الأولي.
  • النصيحة: جرّب تفعيل “Deferred” أولاً. هذا الخيار يمكن أن يحقق تحسينًا كبيرًا في سرعة الصفحة ومؤشر Core Web Vitals (مثل FID). إذا واجهت مشاكل، مثل عدم عمل بعض الأزرار أو الوظائف، يمكنك إلغاؤه أو تجربة خيارات أخرى مثل استثناء بعض الملفات من الإعدادات. تجنب تفعيل هذا الخيار بشكل أعمى، واختبر جميع وظائف موقعك بعد تفعيله.

إعدادات HTML (HTML Settings): تحسين الهيكل الأساسي

تُعد إعدادات HTML حجر الزاوية لتحسين سرعة تحميل الصفحة، حيث تتعامل مع الكود الأساسي لموقعك. تفعيل هذه الخيارات يقلل من حجم الصفحة ويُسرّع من تحليل المتصفح لها. كما هو الحال دائمًا، يجب تجربة كل خيار على حدة واختبار أداء الموقع بعد تفعيله، لأن بعض الإعدادات قد تتداخل مع عمل الإضافات أو القوالب الأخرى.

• HTML Minify:
  • الشرح: يقوم بضغط كود HTML بإزالة المسافات الزائدة والتعليقات والأسطر الفارغة. هذا يقلل من حجم الصفحة بشكل فعال.
  • النصيحة: نعم، فعِّل هذا الخيار. نادرًا ما يسبب مشاكل، ويقدم تحسينًا جيدًا في الأداء.
• DNS Prefetch:
  • الشرح: يقوم هذا الخيار بإعداد المتصفح لعمل “استعلام DNS” (DNS lookup) مسبقًا للمواقع الخارجية التي يطلبها موقعك (مثل https://www.google.com/search?q=fonts.googleapis.com أو google-analytics.com). هذا يقلل من زمن انتظار المتصفح لتحميل هذه الموارد الخارجية.
  • النصيحة: أضف الروابط الخارجية الأكثر استخدامًا في موقعك، مثل روابط الخطوط أو خدمات التحليلات. هذا سيحسن من سرعة تحميل هذه الموارد.
• DNS Prefetch Control:
  • الشرح: عند تفعيله، يقوم هذا الخيار بتشغيل “DNS prefetch” لجميع الروابط الموجودة في كود HTML للموقع تلقائيًا.
  • النصيحة: لا تفعل هذا الخيار إلا إذا كنت متأكدًا من أهميته. تفعيل هذا الخيار بشكل عشوائي قد يضيف عبئًا غير ضروري على المتصفح. يفضل استخدام خيار DNS Prefetch اليدوي لإضافة الروابط الضرورية فقط.
• DNS Preconnect:
  • الشرح: هذا الخيار يعمل بشكل مشابه لـ DNS Prefetch، ولكنه يذهب أبعد من ذلك. لا يقتصر على الاستعلام عن DNS فحسب، بل يُنشئ اتصالاً كاملاً بالخادم المستهدف بشكل مسبق. هذا يقلل بشكل كبير من زمن انتظار تحميل الموارد.
  • النصيحة: استخدم هذا الخيار للروابط الأكثر أهمية في موقعك، والتي تحتاج إلى تحميلها في وقت مبكر جدًا. أضف الروابط بنفس الطريقة التي أضفت بها الروابط في خيار DNS Prefetch.
• HTML Lazy Load Selectors:
  • الشرح: يتيح لك هذا الخيار تأجيل تحميل عناصر HTML غير المرئية على الشاشة (مثل الصور في الجزء السفلي من الصفحة) باستخدام “Lazy Load”.
  • النصيحة: استخدم هذا الخيار لزيادة تحسين أداء الصور والأدوات التي لا تظهر في الجزء العلوي من الصفحة، ولكن كن حذرًا. يجب أن تكون على دراية بسمات CSS التي تضيفها إلى الكود.

• HTML Keep Comments:
  • الشرح: عند تفعيل HTML Minify، يقوم هذا الخيار بالحفاظ على التعليقات التي تتطابق مع نمط معين. هذا مفيد للمطورين الذين يحتاجون إلى ترك تعليقات محددة في الكود.
  • النصيحة: لا تحتاج إلى تفعيله إلا إذا كنت مطورًا وتحتاج إلى الاحتفاظ بتعليقات معينة.
• Remove Query Strings:
  • الشرح: يزيل هذا الخيار سلاسل الاستعلام (Query Strings) مثل ?ver=1.2.3 من الموارد الثابتة (CSS, JS). هذا يساعد في تحسين عملية التخزين المؤقت للمتصفح، حيث تعتبره بعض المتصفحات موردًا جديدًا في كل مرة تتغير فيها سلسلة الاستعلام.
  • النصيحة: نعم، فعِّل هذا الخيار. نادرًا ما يسبب مشاكل ويحسن من درجات السرعة في أدوات مثل Pingdom و PageSpeed.
• Load Google Fonts Asynchronously:
  • الشرح: يتيح لك هذا الخيار تحميل خطوط جوجل في الخلفية بطريقة لا تمنع عرض محتوى الصفحة. هذا يقلل من زمن حظر العرض.
  • النصيحة: فعِّل هذا الخيار. إنه تحسين ممتاز يسرّع من وقت تحميل المحتوى المرئي.

• Remove Google Fonts:
  • الشرح: يقوم هذا الخيار بإزالة جميع خطوط جوجل من جميع صفحات موقعك.
  • النصيحة: فعّله إذا كنت تستخدم خطوطًا محلية (Local Fonts) بدلاً من خطوط جوجل. هذا يقلل من عدد الطلبات الخارجية ويسرع من التحميل.
• Remove WordPress Emoji:
  • الشرح: يقوم هذا الخيار بإزالة ملفات JavaScript و CSS الخاصة بالرموز التعبيرية (Emoji) من ووردبريس.
  • النصيحة: نعم، فعِّل هذا الخيار. يقلل من حجم الصفحة وعدد الطلبات الخارجية، مما يحسن من درجات السرعة.
• Remove Noscript Tags:
  • الشرح: يزيل هذا الخيار جميع وسوم <noscript> من كود HTML. تُستخدم هذه الوسوم لعرض محتوى معين للمستخدمين الذين قاموا بتعطيل JavaScript.
  • النصيحة: فعِّل هذا الخيار إذا كنت متأكدًا من أنك لا تحتاج إلى هذه الوظيفة. هذا يقلل من حجم الصفحة، ولكنه قد يؤثر على تجربة المستخدمين ذوي JavaScript المعطل.

إعدادات الوسائط (Media Settings): تحسين تحميل الصور والفيديوهات

يُعد قسم Media Settings من الأقسام المهمة جدًا لتحسين سرعة التحميل، خصوصًا للمواقع التي تحتوي على عدد كبير من الصور والفيديوهات. تتحكم هذه الإعدادات في كيفية عرض الوسائط للمستخدم، مما يؤثر بشكل مباشر على تجربة التصفح. تفعيل هذه الخيارات يتطلب منك اختبارًا دقيقًا، لأن بعضها قد يغير طريقة عرض المحتوى.

• Lazy Load Images:
  • الشرح: يقوم بتأجيل تحميل الصور حتى تصبح مرئية في نافذة المتصفح. بدلاً من تحميل جميع الصور في الصفحة دفعة واحدة، يتم تحميلها فقط عند قيام المستخدم بالتمرير للأسفل. هذا يقلل بشكل كبير من وقت التحميل الأولي للصفحة.
  • النصيحة: نعم، فعِّل هذا الخيار. إنه أحد أفضل وأسهل الطرق لتحسين سرعة الموقع، وهو آمن جدًا ونادرًا ما يسبب مشاكل.
• Basic Image Placeholder:
  • الشرح: يُظهر صورة “قائمة” أو “احتياطية” (placeholder) بدلاً من الصورة الأصلية أثناء تحميلها. هذا يمنع ظهور فراغات بيضاء في الصفحة، ويجعل تجربة المستخدم أكثر سلاسة.
  • النصيحة: فعّله إذا كنت تستخدم Lazy Load. يمكنك تخصيص صورة القائمة الاحتياطية بنفسك.
• Responsive Placeholder:
  • الشرح: يقوم بتوليد صورة قائمة “احتياطية” بأبعاد الصورة الأصلية. هذا يمنع ما يُسمى بـ “تغير تخطيط الصفحة” (Layout Shift) عند تحميل الصور، وهو عامل مهم في مؤشر Core Web Vitals (CLS).
  • النصيحة: فعّله مع Lazy Load لتحقيق أفضل أداء. يمكنك أيضًا تفعيل خيار Responsive Placeholder SVG لتوليد صورة قائمة بصيغة SVG، وهي أخف وأكثر كفاءة.
• Responsive Placeholder Color:
  • الشرح: يتيح لك تحديد لون صورة القائمة الاحتياطية.
  • النصيحة: اختر لونًا يتناسب مع تصميم موقعك لجعل تجربة المستخدم أكثر جمالية.

• LQIP Cloud Generator:
  • الشرح: يستخدم خدمة QUIC.cloud لإنشاء صورة قائمة “احتياطية” ذات جودة منخفضة جدًا (LQIP) من الصورة الأصلية. بدلاً من مجرد لون أو SVG، يرى المستخدم نسخة مُضببة من الصورة الأصلية أثناء تحميلها، مما يعطي انطباعًا أفضل.
  • النصيحة: فعّله إذا كنت تريد أفضل تجربة للمستخدم. قد يستهلك بعضًا من “نقاط” (points) خدمة QUIC.cloud.
• LQIP Quality:
  • الشرح: يسمح لك بتحديد جودة صورة LQIP. كلما زادت الجودة، زاد حجم الملف.
  • النصيحة: القيمة الافتراضية (4) غالبًا ما تكون مناسبة. لا ترفع الجودة أكثر من اللازم لتجنب زيادة حجم الصفحة.
• LQIP Minimum Dimensions:
  • الشرح: يتيح لك تحديد الحد الأدنى لأبعاد الصورة التي سيتم إنشاء LQIP لها.
  • النصيحة: القيمة الافتراضية (150×150) جيدة. يمكنك زيادتها إذا كانت لديك صور مصغرة صغيرة جدًا لا تريد أن يتم إنشاء LQIP لها.
• Generate LQIP In Background:
  • الشرح: يقوم بإنشاء صور LQIP في الخلفية، مما يمنع بطء تحميل الصفحة.
  • النصيحة: نعم، فعّله. هذا يضمن أن عملية التحسين لا تؤثر على سرعة تصفح المستخدم.
• Lazy Load Iframes:
  • الشرح: يقوم بتأجيل تحميل عناصر <iframe> (مثل فيديوهات يوتيوب أو خرائط جوجل) حتى تصبح مرئية على الشاشة.
  • النصيحة: نعم، فعِّل هذا الخيار. إنه تحسين ممتاز يقلل من وقت التحميل الأولي للصفحة بشكل كبير.
• Add Missing Sizes:
  • الشرح: يضيف أبعاد العرض والارتفاع (width and height) المفقودة لعناصر الصور. هذا يمنع تغير تخطيط الصفحة (Layout Shifts) عند تحميلها، ويحسن من مؤشر CLS.
  • النصيحة: نعم، فعِّل هذا الخيار. إنه تحسين حاسم لمؤشرات Core Web Vitals.
• WordPress Image Quality Control:
  • الشرح: يتيح لك التحكم في جودة ضغط الصور التي يقوم ووردبريس بإنشائها. القيمة الافتراضية لووردبريس هي 82، والتي تعتبر جيدة جدًا.
  • النصيحة: يمكنك ترك القيمة الافتراضية. لا ينصح بخفضها كثيرًا لتجنب فقدان الجودة، ولا برفعها كثيرًا لتجنب زيادة حجم الملف.

صور الواجهة المرئية (Viewport Images): تحسين السرعة البصرية

عندما تقوم بتفعيل خاصية Lazy Load للصور، فإنها تُؤجل تحميل جميع الصور في الصفحة، حتى تلك التي تظهر في الجزء العلوي المرئي من الشاشة. هذا قد يؤدي إلى ظهور فراغ أبيض أو تأخير بسيط في عرض الصور الأولى، مما يضر بتجربة المستخدم. يأتي دور Viewport Images هنا لحل هذه المشكلة.

• Viewport Images:
  • الشرح: عند تفعيل هذا الخيار، تقوم الإضافة باستخدام خدمة QUIC.cloud لتحليل كل صفحة في موقعك. الهدف من هذا التحليل هو تحديد الصور التي تظهر “فوق الطية” (Above the Fold)، أي الصور التي تكون مرئية للمستخدم بمجرد تحميل الصفحة دون الحاجة إلى التمرير. بعد تحديد هذه الصور، تقوم الإضافة بإضافتها إلى قائمة استثناءات خاصة، مما يمنع خاصية Lazy Load من تأجيل تحميلها.
  • النصيحة: نعم، فعِّل هذا الخيار. إنه مكمّل أساسي لخيار Lazy Load Images. تفعيله يضمن أنك تحصل على سرعة تحميل أولية ممتازة للصفحة (لأن الصور غير المرئية لا تُحمّل)، وفي نفس الوقت تتجنب أي تأخير في عرض الصور المهمة التي تظهر في الجزء العلوي من الصفحة.
• Viewport Images Cron:
  • الشرح: عند تفعيل هذا الخيار، يتم تشغيل عملية تلقائية (Cron job) بشكل دوري. مهمتها هي إعادة فحص صفحات الموقع وتحديث قائمة الصور المرئية (Viewport Images).
  • النصيحة: نعم، فعِّل هذا الخيار. هذا يضمن أن القائمة المحدّثة للصور المرئية تظل دقيقة دائمًا، خصوصًا إذا كنت تقوم بتحديث محتوى موقعك بشكل مستمر أو تقوم بإضافة صور جديدة في الصفحات.

استثناءات الوسائط (Media Excludes): تحكم دقيق في الاستثناءات

يسمح لك قسم Media Excludes بتحديد العناصر التي لا تريد أن تقوم الإضافة بتطبيق تحسينات الوسائط عليها (مثل Lazy Load أو LQIP). هذا القسم مهم جدًا لتجنب أي مشاكل في عرض الصور أو الفيديوهات، خصوصًا تلك التي تظهر في الجزء العلوي من الصفحة أو التي تعتمد عليها وظائف معينة.

• Lazy Load Image Excludes:
  • الشرح: هنا يمكنك إضافة روابط أو أجزاء من روابط صور محددة لا تريد أن تقوم الإضافة بتأجيل تحميلها (Lazy Load). هذا الخيار مفيد جدًا للصور التي تظهر في الجزء العلوي من الصفحة (above the fold) والتي يجب تحميلها بسرعة.
  • النصيحة: استخدم هذا الخيار لاستثناء صور الشعار (Logo) أو الصور البارزة (Featured Images) التي تظهر في بداية كل صفحة. يمكنك إما إضافة الرابط الكامل للصورة أو جزء من الرابط (مثل /wp-content/uploads/2025/07/logo.png).
• Lazy Load Image Class Name Excludes:
  • الشرح: يتيح لك هذا الخيار استثناء الصور بناءً على أسماء فئات (Class names) CSS الخاصة بها.
  • النصيحة: استخدمه إذا كان لديك قالب أو إضافة تضيف فئة معينة للصور التي يجب ألا يتم تأجيل تحميلها. يمكنك استخدامه مع فئات مثل no-lazy أو hero-image.
• Lazy Load Image Parent Class Name Excludes:
  • الشرح: هذا الخيار يستثني الصور التي تقع داخل عنصر أب (Parent Element) يحمل فئة CSS محددة.
  • النصيحة: مفيد جدًا إذا كان لديك قسم كامل في الصفحة لا تريد تأجيل تحميل صوره، مثل شريط التمرير (Slider) أو معرض الصور.
• Lazy Load Iframe Class Name Excludes:
  • الشرح: يسمح لك هذا الخيار باستثناء عناصر <iframe> (مثل فيديوهات يوتيوب) من خاصية Lazy Load بناءً على فئة CSS الخاصة بها.
  • النصيحة: يمكنك استخدامه إذا كان لديك فيديو مهم يظهر في الجزء العلوي من الصفحة.

• Lazy Load Iframe Parent Class Name Excludes:
  • الشرح: يستثني عناصر <iframe> التي تقع داخل عنصر أب يحمل فئة CSS محددة.
  • النصيحة: مفيد إذا كان لديك قسم كامل يحتوي على عناصر <iframe> لا تريد تأجيل تحميلها.
• Lazy Load URI Excludes:
  • الشرح: يسمح لك بتعطيل خاصية Lazy Load بالكامل على صفحات محددة في موقعك.
  • النصيحة: استخدمه للصفحات التي لا تريد تطبيق Lazy Load عليها إطلاقًا، مثل صفحة الهبوط (Landing page) أو الصفحة الرئيسية التي يجب أن تكون سريعة جدًا. يمكنك إما إضافة الرابط الكامل للصفحة أو جزء منه.
• LQIP Excludes:
  • الشرح: يتيح لك هذا الخيار استثناء الصور من خدمة LQIP (Low Quality Image Placeholder).
  • النصيحة: استخدمه للصور التي لا تريد أن تظهر لها نسخة مضببة أثناء التحميل، مثل صور الشعار أو أي صور حساسة للتصميم. يمكنك إضافة رابط الصورة الكامل أو جزء منه.

إعدادات التوطين (Localization Settings): تسريع الموارد الخارجية

يُعد قسم Localization Settings أداة قوية لتسريع تحميل الموارد الخارجية التي يعتمد عليها موقعك، مثل صور Gravatar أو ملفات JavaScript من مصادر خارجية. بدلاً من أن يطلب متصفح الزائر هذه الموارد من خوادمها الأصلية البعيدة، تقوم هذه الإعدادات بتخزين نسخة منها محليًا على خادم موقعك. هذا يقلل من وقت التحميل ويزيد من سرعة الموقع بشكل ملحوظ.

• Gravatar Cache:
  • الشرح: تقوم هذه الخاصية بتخزين صور Gravatar (الصور الرمزية للمستخدمين) محليًا على خادمك. عادة، يقوم ووردبريس بطلب هذه الصور من خوادم Gravatar العالمية، مما يضيف تأخيرًا بسيطًا. تخزينها محليًا يسرع من تحميلها بشكل كبير.
  • النصيحة: نعم، فعِّل هذا الخيار. إنه تحسين ممتاز للمواقع التي تحتوي على تعليقات كثيرة أو أعضاء مسجلين.
• Gravatar Cache Cron:
  • الشرح: عند تفعيل هذا الخيار، يتم تشغيل عملية تلقائية (Cron job) بشكل دوري لتحديث الكاش الخاص بـ Gravatar. هذا يضمن أن الصور الرمزية للزوار تظل محدثة.
  • النصيحة: فعِّل هذا الخيار لضمان تحديث الكاش باستمرار.
• Gravatar Cache TTL (Time to Live):
  • الشرح: يحدد هذا الخيار المدة التي ستبقى فيها صور Gravatar مخزنة في الكاش المحلي قبل أن يتم تحديثها. القيمة الافتراضية هي 604800 ثانية، أي أسبوع واحد.
  • النصيحة: القيمة الافتراضية غالبًا ما تكون مناسبة. يمكنك تقليلها إذا كنت تريد تحديث الصور بشكل أسرع، لكن هذا سيزيد من الضغط على الخادم.
• Localize Resources:
  • الشرح: تتيح لك هذه الميزة سحب ملفات JavaScript و CSS الخارجية (مثل ملفات تويتر أو فيسبوك) وتخزينها محليًا على خادمك.
  • النصيحة: استخدم هذا الخيار بحذر شديد. قد يتسبب توطين بعض الموارد في مشاكل أو عدم عملها بشكل صحيح، خاصةً إذا كانت تتطلب اتصالًا مباشرًا بخوادمها الأصلية. يجب عليك اختبار كل ملف تقوم بتوطينه بدقة.
• Localization Files:
  • الشرح: هنا يمكنك إضافة روابط الموارد الخارجية التي تريد توطينها (Localize).
  • النصيحة: أضف الروابط التي تعرف أنها ثابتة ولا تتغير كثيرًا. الروابط الافتراضية لـ تويتر وفيسبوك هي أمثلة جيدة للبدء بها.

ضبط الإعدادات (Tuning Settings): استثناءات دقيقة لتحسين الأداء

يُعد قسم Tuning Settings بمثابة غرفة العمليات التي تسمح لك بتجاوز إعدادات التحسين العامة لملفات CSS و JS. من الطبيعي أن تتسبب بعض خيارات التحسين في مشاكل معينة في القالب أو الإضافات، وهنا يأتي دور هذا القسم لمنع حدوث ذلك.

• JS Delayed Includes:
  • الشرح: يتيح لك هذا الخيار إضافة ملفات JavaScript محددة لكي يتم تأخير تحميلها (Delayed). هذا الخيار مفيد للملفات التي لا تظهر في الجزء المرئي من الصفحة (above the fold) ولكنها ضرورية لعمل بعض الوظائف لاحقًا.
  • النصيحة: استخدمه بحذر. يمكنك إضافة الروابط الكاملة للملفات أو أجزاء من الروابط.
• JS Excludes:
  • الشرح: يتيح لك هذا الخيار استثناء ملفات JavaScript محددة من عمليتي Minify (الضغط) و Combine (الدمج).
  • النصيحة: استخدمه إذا كان دمج أو ضغط ملفات JS يسبب أخطاء في الموقع. يمكنك إضافة jquery.js و jquery.min.js كما هو موضح في الصورة، وهما ملفان شائعان يسببان مشاكل عند دمجهما مع ملفات أخرى.
• JS Deferred / Delayed Excludes:
  • الشرح: يتيح لك هذا الخيار استثناء ملفات JavaScript محددة من عمليتي Deferred و Delayed.
  • النصيحة: هذا الخيار مهم جدًا. إذا لاحظت أن بعض الأزرار أو الوظائف لا تعمل بشكل صحيح بعد تفعيل تأجيل التحميل، قم بإضافة رابط الملف الذي تسبب في المشكلة هنا. من الأمثلة الشائعة ملفات التحليلات مثل analytics.js و gtm.js.
• Guest Mode JS Excludes:
  • الشرح: يعمل هذا الخيار على استثناء ملفات JavaScript من التحسين عند تفعيل وضع الضيف (Guest Mode) في الإضافة.
  • النصيحة: استخدمه إذا لاحظت أن بعض المشاكل تظهر فقط عند استخدام وضع الضيف.

ضبط إعدادات CSS (Tuning CSS Settings): حل المشاكل وتجنب التعارضات

يُعد قسم ضبط إعدادات CSS من أهم الأدوات المتقدمة في إضافة LiteSpeed Cache، ويأتي في المرحلة الأخيرة من إعدادات تحسين الصفحة. بعد تفعيل ميزات مثل ضغط ملفات CSS (Minify) أو دمجها (Combine)، قد تلاحظ تغييرات غير مرغوبة في تصميم الموقع، مثل اختفاء بعض العناصر أو تشوه في التنسيق. وهنا تظهر أهمية هذا القسم، الذي يوفر لك تحكمًا دقيقًا لتجاوز هذه المشاكل دون التضحية بأداء الموقع.

يعمل هذا القسم كـ”صمام أمان” يسمح لك باستثناء ملفات أو محددات CSS معينة من عمليات التحسين، مما يضمن الحفاظ على الشكل الجمالي للموقع مع الاستفادة القصوى من تقنيات التسريع.

💡 نصيحة عملية: إذا لاحظت مشكلة في التنسيق بعد تفعيل التحسينات، استخدم أدوات المطور في المتصفح (DevTools) لتحديد مصدر المشكلة. اضغط على F12، ثم انتقل إلى تبويبي Console أو Sources لتفحص الملفات التي تحتوي على أخطاء أو تغييرات غير متوقعة.

1. CSS Excludes

• الوصف الموسّع:
  هذا الخيار يتيح لك استثناء ملفات CSS معينة من عمليات الضغط (Minify) والدمج (Combine) التي تهدف إلى تقليل حجم الملفات وتسريع تحميل الصفحة. ورغم أن هذه العمليات مفيدة جدًا لتحسين الأداء، إلا أنها قد تتسبب أحيانًا في تعارضات أو تشوهات في تصميم الموقع، خصوصًا إذا كانت بعض ملفات CSS تحتوي على تعليمات حساسة أو تعتمد على ترتيب معين في التحميل.
• الاستخدام العملي:
  إذا لاحظت أن تنسيق الموقع تغير بعد تفعيل Minify أو Combine، مثل اختفاء أزرار أو تغير ألوان أو تحرك عناصر من مكانها، فغالبًا ما يكون السبب هو أحد ملفات CSS التي لم تتعامل جيدًا مع هذه العمليات. في هذه الحالة، يمكنك إدخال اسم الملف أو جزء منه (مثل style-custom.css) في هذا الحقل ليتم استثناؤه من التحسينات.
• نصيحة تقنية:
  استخدم أدوات المطور في المتصفح (DevTools) لتحديد الملف المسبب للمشكلة. افتح الصفحة، اضغط على F12، ثم انتقل إلى تبويب Network > CSS أو Sources، وابحث عن الملفات التي تحتوي على التنسيقات المتأثرة.

2. UCSS File Excludes and Inline

• الوصف الموسّع:
  عند تفعيل ميزة UCSS (Unused CSS Removal)، تقوم LiteSpeed بتحليل الصفحة وحذف الأكواد التي لا تُستخدم فعليًا، مما يقلل حجم CSS بشكل كبير. لكن في بعض الحالات، قد يتم حذف أكواد تُستخدم لاحقًا عبر JavaScript أو عند التفاعل مع الصفحة، مما يؤدي إلى اختفاء عناصر أو خلل في التصميم.

هذا الخيار يسمح لك باستثناء ملفات CSS معينة من عملية UCSS، ويقوم بإدراجها مباشرة داخل الكود (inline)، مما يضمن تحميلها بشكل دائم.

• الاستخدام العملي:
  إذا كانت هناك عناصر لا تظهر إلا بعد التفاعل (مثل القوائم المنسدلة أو النوافذ المنبثقة)، وتختفي بعد تفعيل UCSS، فغالبًا ما تكون الأكواد الخاصة بها قد تم حذفها. قم بإضافة اسم الملف الذي يحتوي على هذه الأكواد هنا.
• نصيحة تقنية:
  يفضل استخدام هذا الخيار مع ملفات CSS التي تحتوي على أكواد ديناميكية أو تعتمد على JavaScript، مثل ملفات الإضافات أو القوالب التي تحتوي على تأثيرات تفاعلية.

3. UCSS Selector Allowlist

• الوصف الموسّع:
  أثناء توليد UCSS، يتم حذف المحددات (selectors) التي لا تظهر في الجزء المرئي من الصفحة عند التحميل الأول. لكن بعض العناصر قد تظهر لاحقًا أو تكون مخفية مبدئيًا، مما يؤدي إلى حذف أكوادها عن طريق الخطأ.

هذا الخيار يسمح لك بإدخال محددات CSS (مثل .menu-toggle أو #popup) التي يجب تضمينها دائمًا في ملف UCSS، حتى لو لم تُكتشف تلقائيًا.

• الاستخدام العملي:
  إذا لاحظت أن عناصر معينة لا تظهر أو تظهر بدون تنسيق بعد تفعيل UCSS، فقم بإضافة محدداتها هنا. يمكنك استخدام أدوات المطور لتحديد اسم العنصر أو الكلاس الخاص به.
• نصيحة تقنية:
  هذا الخيار مفيد جدًا للمواقع التي تعتمد على عناصر تظهر عند التفاعل، مثل القوائم المنسدلة، النوافذ المنبثقة، أو عناصر يتم تحميلها عبر AJAX.

4. UCSS URI Excludes

• الوصف الموسّع:
  في بعض الصفحات، خصوصًا تلك التي تستخدم أدوات تصميم مثل Elementor أو WPBakery، قد تكون عملية توليد UCSS غير دقيقة، مما يؤدي إلى حذف أكواد ضرورية لتنسيق الصفحة. هذا الخيار يسمح لك بتعطيل توليد UCSS تمامًا على صفحات معينة عبر إدخال روابطها (URIs).
• الاستخدام العملي:
  إذا كانت صفحة معينة (مثل صفحة الهبوط أو صفحة المنتج) تظهر بشكل غير صحيح بعد تفعيل UCSS، قم بإضافة رابطها هنا ليتم استثناؤها من عملية إزالة CSS غير المستخدم.
• نصيحة تقنية:
  استخدم هذا الخيار بحذر، ولا تستثنِ صفحات كثيرة دفعة واحدة، بل ابدأ بالصفحات التي تحتوي على مشاكل واضحة، ثم راقب الأداء والتنسيق.

1. Separate CCSS Cache Post Types

• الوصف الموسّع:
  يتيح لك هذا الخيار إنشاء ملفات Critical CSS منفصلة لكل نوع من أنواع المحتوى في موقعك، مثل المقالات (Posts)، الصفحات (Pages)، المنتجات (Products)، أو أي نوع مخصص آخر. الهدف من ذلك هو تحسين دقة التحسينات، لأن كل نوع محتوى قد يحتوي على تصميم مختلف أو عناصر فريدة تظهر في الجزء المرئي من الصفحة.
• الاستخدام العملي:
  إذا كانت صفحة المنتج تحتوي على تصميم مختلف تمامًا عن صفحة المقال أو الصفحة الثابتة، فإن استخدام ملف CCSS موحد قد يؤدي إلى تحميل أكواد غير ضرورية أو فقدان تنسيقات مهمة. هذا الخيار يضمن أن كل نوع محتوى يحصل على ملف CSS مخصص يعكس تصميمه الفعلي.
• نصيحة تقنية:
  مفيد جدًا لمواقع التجارة الإلكترونية أو المدونات المتقدمة التي تستخدم تصميمات مخصصة لكل نوع محتوى. تأكد من أن كل نوع يحتوي على عناصر مرئية مختلفة تستحق تخصيص ملف CCSS لها.

2. Separate CCSS Cache URIs

• الوصف الموسّع:
  يسمح لك هذا الخيار بإنشاء ملفات Critical CSS منفصلة لروابط محددة (URIs)، مما يمنحك تحكمًا دقيقًا في تحسين الأداء لكل صفحة على حدة. هذا مفيد بشكل خاص للصفحات الفريدة مثل الصفحة الرئيسية، صفحات الهبوط، أو الصفحات التي تحتوي على تصميمات مخصصة لا تتكرر في باقي الموقع.
• الاستخدام العملي:
  إذا كانت لديك صفحة رئيسية تحتوي على تصميم فريد، أو صفحة هبوط مخصصة لحملة تسويقية، فإن استخدام ملف CCSS عام قد يؤدي إلى تحميل أكواد غير ضرورية أو فقدان تنسيقات مهمة. باستخدام هذا الخيار، يمكنك تخصيص ملف CSS لهذه الصفحة فقط.
• نصيحة تقنية:
  استخدم هذا الخيار بحكمة لتقليل حجم CSS المحمّل في الصفحات الحساسة التي تعتمد على سرعة التحميل والانطباع الأول، مثل الصفحات التي تستهدف الزوار الجدد أو العملاء المحتملين.

3. CCSS Selector Allowlist

• الوصف الموسّع:
  يسمح لك هذا الخيار بتحديد محددات CSS (Selectors) يجب تضمينها دائمًا في ملفات Critical CSS، حتى لو لم تُكتشف تلقائيًا أثناء تحليل الجزء المرئي من الصفحة. هذا مفيد للعناصر التي تظهر دائمًا ولكن قد يتم تحميلها بطريقة غير تقليدية (مثل عبر JavaScript أو عند التفاعل).
• الاستخدام العملي:
  إذا لاحظت أن عناصر مثل الشعار، القائمة الرئيسية، أو زر الاتصال لا تظهر بشكل صحيح عند تحميل الصفحة، فقد تكون محدداتها قد تم حذفها من ملف CCSS. أضف هذه المحددات يدويًا هنا لضمان ظهورها دائمًا.
• نصيحة تقنية:
  استخدم أدوات المطور لتحديد الكلاسات أو المعرفات الخاصة بالعناصر المهمة، مثل .site-logo, .main-nav, #contact-button، وأضفها إلى القائمة.

4. Critical CSS Rules

• الوصف الموسّع:
  هذا الخيار يمنحك تحكمًا يدويًا كاملًا في قواعد Critical CSS، حيث يمكنك كتابة قواعد مخصصة أو تعديل القواعد التي يتم توليدها تلقائيًا. يُعتبر هذا الخيار متقدمًا ويُفضل استخدامه فقط من قبل المطورين أو المستخدمين ذوي الخبرة في CSS.
• الاستخدام العملي:
  إذا كنت تريد تضمين قواعد CSS دقيقة جدًا أو استثناء بعض القواعد التي لا يتم توليدها تلقائيًا، يمكنك كتابتها يدويًا هنا. هذا مفيد في الحالات التي يكون فيها التصميم معقدًا أو يعتمد على شروط خاصة.
• نصيحة تقنية:
  لا تستخدم هذا الخيار إلا إذا كنت مرتاحًا في التعامل مع CSS وتفهم تأثير كل قاعدة على تصميم الصفحة. في معظم الحالات، الإعدادات التلقائية تكون كافية.

تحسين قاعدة البيانات (Cache Database Optimization): تنظيف موقعك

يُعد قسم Cache Database Optimization أداة قوية لتنظيف قاعدة بيانات ووردبريس من البيانات غير الضرورية التي تتراكم مع مرور الوقت، مثل المسودات التلقائية، والمراجعات القديمة للمنشورات، والتعليقات المزعجة. هذه البيانات يمكن أن تبطئ أداء الموقع وتستهلك مساحة التخزين.

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

شرح عام لأزرار التحسين:

• Orphaned Post Meta: بيانات غير مرتبطة بأي منشور.
• Post Revisions: المراجعات القديمة للمنشورات.
• Spam Comments: التعليقات المزعجة.
• Trashed Posts: المنشورات المحذوفة.
• Auto Drafts: المسودات التلقائية.
• Expired Transients: البيانات المؤقتة منتهية الصلاحية.
• Trackbacks/Pingbacks: إشعارات الاتصال بين المواقع.
• Trashed Comments: التعليقات المحذوفة.
• Optimize Tables: تحسين جداول قاعدة البيانات.
• All Transients: جميع البيانات المؤقتة.

⚙️ إعدادات المحسِّن (DB Optimization Settings)

يمنحك هذا التبويب تحكمًا دقيقًا في عملية تنظيف قاعدة البيانات.

• Revisions Max Number:
  • الشرح: يتيح لك تحديد عدد المراجعات التي تريد الاحتفاظ بها لكل منشور. على سبيل المثال، إذا قمت بوضع “5”، فستحتفظ الإضافة بآخر 5 مراجعات فقط، وتحذف الباقي.
  • النصيحة: نوصي بتحديد عدد معقول مثل “5” أو “10”. هذا يوفر لك إمكانية الرجوع إلى المراجعات السابقة دون أن تتسبب في تضخم قاعدة البيانات.
• Optimize Revisions Automatically:
  • الشرح: يقوم هذا الخيار بتشغيل عملية تنظيف المراجعات تلقائيًا في الخلفية.
  • النصيحة: نعم، فعِّل هذا الخيار. هذا يضمن أن قاعدة بياناتك تظل نظيفة بانتظام.
• Optimize Database Automatically:
  • الشرح: يقوم بتشغيل عملية تحسين قاعدة البيانات تلقائيًا.
  • النصيحة: نعم، فعِّل هذا الخيار. يساعد في الحفاظ على أداء قاعدة البيانات.
• Schedule Optimization:
  • الشرح: يتيح لك تحديد المدة الزمنية لتشغيل عملية التنظيف والتحسين التلقائي.
  • النصيحة: اختر “أسبوعيًا” (Weekly) أو “شهريًا” (Monthly). لا حاجة لتشغيله بشكل يومي.

بالطبع دكتور خالد، إليك نسخة محسّنة وموسّعة للنصين، مع شرح أكثر عمقًا وسلاسة، وتوضيح الفائدة العملية لكل ميزة:

الزاحف (Cache Crawler): تحديث الكاش تلقائيًا لتحسين الأداء

يُعد Cache Crawler من الأدوات الذكية في إضافة LiteSpeed Cache، حيث يعمل كـ”روبوت داخلي” يقوم بزيارة صفحات موقعك بشكل دوري ومنظم، تمامًا كما يفعل محرك بحث مثل Google، ولكن بهدف مختلف: تحديث الكاش مسبقًا.

بدلاً من انتظار أن يزور الزائر الصفحة لأول مرة ليتم توليد الكاش، يقوم الزاحف بزيارة هذه الصفحات تلقائيًا في الخلفية، مما يؤدي إلى:

• توليد نسخة مخزنة (Cached) جاهزة للعرض.
• تقليل زمن تحميل الصفحة عند زيارة الزائر الحقيقي.
• تحسين تجربة المستخدم، خصوصًا في الصفحات التي يتم تحديثها باستمرار.

⚡ الفائدة العملية:
عندما يزور الزائر صفحة تم تحديثها مؤخرًا، فإن الزاحف يكون قد جهّز نسخة محدثة مسبقًا، مما يجعل التحميل سريعًا كما لو كانت زيارة ثانية، حتى لو كانت أول زيارة فعلية.

🔧 ملاحظة تقنية:
يمكنك التحكم في سلوك الزاحف، مثل تحديد عدد الصفحات التي يزورها في كل دورة، أو توقيت الزحف، أو استثناء صفحات معينة، وذلك من خلال إعدادات متقدمة داخل لوحة التحكم.

📘 للمزيد من التفاصيل حول التفعيل والتحكم في الزاحف:
دليل LiteSpeed الرسمي – Cache Crawler

صندوق الأدوات (Toolbox): مركز التحكم السريع لإدارة الكاش

يوفر قسم Toolbox مجموعة من الأدوات الفعالة التي تساعدك على إدارة الكاش بسرعة ومرونة، دون الحاجة إلى التنقل بين الأقسام المختلفة. هذه الأدوات مفيدة جدًا في حالات الصيانة، التحديثات، أو نقل الإعدادات بين المواقع.

🔄 Purge Tab: مسح الكاش حسب الحاجة

• الوصف:
  يسمح لك بمسح الكاش بطرق متعددة:
  • Purge All: لمسح الكاش بالكامل لجميع الصفحات.
  • Purge by URL: لمسح الكاش لصفحة معينة عبر رابطها.
  • Purge by Category/Tag/Post Type: لمسح الكاش لمجموعة صفحات بناءً على نوع المحتوى أو التصنيف.
• الفائدة العملية:
  مفيد جدًا بعد تعديل تصميم صفحة أو محتوى معين، لضمان أن الزوار يرون النسخة الجديدة فورًا دون انتظار تحديث الكاش تلقائيًا.

📤 Import/Export: نقل الإعدادات بسهولة

• الوصف:
  يتيح لك تصدير إعدادات الإضافة إلى ملف، ثم استيرادها في موقع آخر. هذا يوفر وقتًا كبيرًا عند إعداد مواقع متعددة بنفس التكوين.
• الفائدة العملية:
  مثالي للمطورين أو أصحاب الشبكات الذين يديرون عدة مواقع ويرغبون في توحيد إعدادات الأداء.

📝 Edit .htaccess: الوصول إلى إعدادات الخادم

• الوصف:
  يمنحك وصولًا مباشرًا لتحرير ملف .htaccess، الذي يحتوي على قواعد مهمة لتحسين الأداء، مثل التوجيهات الخاصة بالكاش، إعادة التوجيه، وضبط الأمان.
• الفائدة العملية:
  يسمح لك بإجراء تعديلات متقدمة دون الحاجة إلى الدخول إلى لوحة تحكم الاستضافة، مما يوفر وقتًا وجهدًا كبيرًا.

📘 للمزيد حول أدوات Toolbox:
دليل LiteSpeed الرسمي – Toolbox

خاتمة: LiteSpeed Cache – تحكم ذكي لأداء فائق وتجربة مستخدم مثالية

في عالم المواقع الحديثة، لم يعد تحسين الأداء مجرد خيار، بل أصبح ضرورة لضمان تجربة مستخدم سلسة، سرعة تحميل عالية، وتحسين ترتيب الموقع في نتائج البحث. ومن خلال إضافة LiteSpeed Cache، تحصل على مجموعة متكاملة من الأدوات التي تمنحك تحكمًا دقيقًا في كل جانب من جوانب تسريع الموقع.

من خلال إعدادات CSS وCCSS، يمكنك تحسين تحميل الصفحات دون التأثير على التصميم، بينما يوفر لك الزاحف (Cache Crawler) تحديثًا تلقائيًا للكاش لضمان جاهزية الصفحات دائمًا. أما صندوق الأدوات (Toolbox)، فهو بمثابة مركز قيادة سريع يتيح لك إدارة الكاش، نقل الإعدادات، والتعامل مع ملفات النظام بسهولة.

✅ الفائدة الكبرى:
هذه الأدوات لا تعمل بشكل منفصل، بل تتكامل لتمنحك بيئة مثالية تجمع بين الأداء العالي، المرونة في التخصيص، وسهولة الإدارة، سواء كنت مطورًا محترفًا أو صاحب موقع يبحث عن أفضل تجربة لزواره.

إذا تم ضبط هذه الإعدادات بعناية، فإن موقعك لن يكون فقط أسرع، بل سيكون أكثر استقرارًا واستجابة، مما ينعكس إيجابيًا على معدل التحويل، رضا الزوار، وترتيب الموقع في محركات البحث.

انطلق نحو القمة

وصلنا إلى نهاية رحلتنا في شرح إضافة LiteSpeed Cache. لقد أصبح لديك الآن المعرفة اللازمة لتحويل موقعك إلى صاروخ لا يقاوم من حيث السرعة والأداء. لا تتردد في تطبيق هذه الإعدادات واختبارها، لأن السرعة لم تعد مجرد ميزة إضافية، بل هي ضرورة حتمية لنجاح أي موقع إلكتروني.

لتجربة أعمق في عالم تحسين المواقع، ندعوك لزيارة فئة “أدوات تقنية“ في مدونتنا VORNIX، حيث ستجد شروحات لأدوات أخرى تساعدك في إدارة موقعك. كما أن هذا الموضوع يرتبط ارتباطًا وثيقًا بـ التسويق وتحسين محركات البحث (SEO)، حيث تعتبر السرعة الآن من أهم العوامل التي تأخذها محركات البحث في الاعتبار عند ترتيب المواقع.

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