Image Optimization في LiteSpeed Cache
قسم تحسين الصور في Lite Speed Cache يقدّم لك أدوات قوية لتحسين حجم الصور وتسريع موقع ووردبريس. سنتعرف هنا على جزئين رئيسيين: Summary واعدادات الصور
Summary ملخص الصور التي تم تحسينها
هذا القسم يعرض لك معلومات شاملة عن حالة الصور في موقعك، مثل:
- عدد الصور التي تم تحسينها.
- نسبة التحسين (التقليل في الحجم).
- عدد الصور التي تنتظر التحسين.
- حالة ضغط WebP (نسخ الصور بصيغة حديثة).
من هنا يمكنك بدء الصور الجديدة بضغطة زر: Start Image Optimzation.
إعدادات Image Optimzation
هذا القسم يحتوي على عدة خيارات مهمة لتخصيص طريقة ضغط الصور وتحسينها، مثل:
Lossless Optimization
ضغط الصور بدون فقدان الجودة (مثالي للصور عالية الجودة).
Lossy Optimization
ضغط الصور مع فقدان بسيط في الجودة (يفضل لو موقعك يهتم بالسرعة أكثر من الجودة).
Create WebP Versions
إنشاء نسخ WebP للصور – صيغة حديثة تقلل حجم الصور بشكل كبير وتحافظ على الجودة.
Image WebP Replacement
استبدال صور JPEG/PNG بنسخ WebP تلقائيًا عند التصفح.
Remove Original Backups
حذف النسخ الاحتياطية للصور الأصلية بعد التحسين لتوفير المساحة.
Preserve EXIF data
الاحتفاظ ببيانات EXIF (مثل الكاميرا والتاريخ) في الصور أو حذفها لتقليل الحجم.
Auto Request Cron
جعل الصور وتحسينها يتم تلقائيًا عبر جدولة المهام.
جدول ملخص الإعدادات
| الإعداد | وظيفته | متى يفضل تفعيله؟ |
|---|---|---|
| Lossless Optimizaton | ضغط بدون فقدان جودة | إذا كنت تهتم بجودة الصور |
| Lossy Optimization | ضغط مع تقليل بسيط للجودة | لو السرعة أهم |
| Create WebP Versions | إنشاء نسخ WebP من الصور | دائمًا |
| Image WebP Replacement | استخدام WebP بدل JPEG/PNG | يفضل دائمًا |
| Remove Original Backups | حذف النسخ الأصلية بعد التحسين | لتوفير المساحة |
| Preserve EXIF data | الاحتفاظ ببيانات الكاميرا والتاريخ | لو تهمك هذه البيانات |
ملاحظات مهمة
- ميزة WebP تحتاج دعم من المتصفح (جميع المتصفحات الحديثة تدعمها).
- اختبر أداء موقعك بعد تفعيل الضغط لتتأكد من عدم التأثير على التصميم.
خاتمة
هذا القسم يمنحك تحكمًا كاملاً في الصور وتحسينها وتسريع موقعك. ابدأ بملخص Summary لمراجعة حالة الصور، ثم فعّل الخيارات الأساسية مثل WebP وLossy Optimization للوصول لأفضل سرعة ممكنة.
اقرأ أيضًا:
- Page Optimization: ما هي أهميته لموقعك؟
- Media Settings: شرح شامل لكل الإعدادات
- CSS Settings: شرح شامل لكل الإعدادات
