Media Settings في LiteSpeed Cache شرح شامل لكل الإعدادات
قسم Media Settings داخل Page Optimization في LiteSpeed Cache 1 يقدم لك مجموعة من الأدوات المهمة لإدارة الصور وملفات الوسائط، بهدف تحسين سرعة الموقع وتقليل حجم الصفحات.
Lazy Load Images
ميزة تحميل الصور فقط عندما يقترب الزائر من رؤيتها (عند التمرير).
تقلل حجم الصفحة عند التحميل الأولي، ما يعني سرعة أكبر وتحسين تجربة الزائر.
Basic Image Placeholder
يعرض صورة بديلة صغيرة قبل تحميل الصورة الأصلية (عادة لون رمادي أو صورة افتراضية).
يمنع التقطيع المفاجئ للصفحة أثناء تحميل الصور.
Responsive Placeholder
يُنشئ نسخة صغيرة من الصورة الأصلية وتعرض مؤقتًا أثناء التحميل الكامل.
يجعل تجربة التصفح أكثر سلاسة خاصةً على الهواتف المحمولة.
Lazy Load Iframes
تطبيق ميزة التحميل المؤجل على iframe مثل فيديوهات YouTube أو خرائط Google.
يحسن زمن تحميل الصفحات التي تحتوي على وسائط مدمجة.
Add Missing Sizes
يضيف أبعادًا للصور (width وheight) إذا لم تكن محددة في الكود.
يمنع التقطيع المفاجئ عند تحميل الصفحة.
جدول ملخص الإعدادات
| الإعداد | وظيفته | متى يفضل تفعيله؟ |
|---|---|---|
| Lazy Load Images | تحميل الصور فقط عند اقتراب الزائر لرؤيتها | دائمًا |
| Basic Image Placeholder | صورة افتراضية أثناء التحميل | اختياري لتحسين التجربة |
| Responsive Placeholder | عرض نسخة مصغرة من الصور أثناء التحميل | مفيد خاصةً على الجوال |
| Lazy Load Iframes | تأجيل تحميل iframes مثل YouTube | دائمًا |
| Add Missing Sizes | إضافة أبعاد للصور الناقصة | دائمًا |
ملاحظات مهمة
- ميزة Lazy Load قد تتداخل مع بعض إضافات الصور (مثل Jetpack أو Smush) – اختبر الأداء قبل الاعتماد الكامل عليها.
- لتجربة سلسة، فعل فقط ما تحتاجه وتأكد من التوافق مع تصميم موقعك.
خاتمة
قسم Media Settings يمنحك القدرة على تحسين تحميل الصور ووسائط الموقع، ما يؤدي لسرعة أفضل وتجربة مستخدم أكثر سلاسة. فعل الميزات المهمة مثل Lazy Load Images وLazy Load Iframes لتحقيق أفضل أداء ممكن.
اقرأ أيضًا:
- Page Optimization: ما هي أهميته وما يقدمه لموقعك؟
- CSS Settings: شرح شامل لكل الإعدادات
- JS Settings: شرح شامل لكل الإعدادات
