يسرد قسم "الفرص" ضمن تقرير Lighthouse جميع الصور غير المحسّنة، مع انخفاض محتمل في كيبيبايت (KiB). عليك تحسين هذه الصور لكي يتم تحميل الصفحة بشكل أسرع وتستهلك بيانات أقل:
كيفية تصنيف Lighthouse للصور على أنّها قابلة للتحسين
يجمع Lighthouse جميع صور JPEG أو BMP على الصفحة، ويضبط مستوى ضغط كل صورة على 85، ثم يقارن النسخة الأصلية بالنسخة المضغوطة. إذا كان حجم التوفير المحتمل هو 4 كيلوبايت أو أكثر، يُبلغ Lighthouse عن الصورة على أنّها قابلة للتحسين.
كيفية تحسين الصور
هناك العديد من الخطوات التي يمكنك اتّخاذها لتحسين صورك، بما في ذلك:
- استخدام شبكات توصيل المحتوى (CDN) للصور
- ضغط الصور
- استبدال صور GIF المتحركة بفيديو
- عرض الصور بأسلوب "التحميل الكسول"
- عرض صور متجاوبة
- عرض الصور بأبعاد صحيحة
- استخدام صور WebP
تحسين الصور باستخدام أدوات واجهة المستخدم الرسومية
هناك طريقة أخرى وهي تشغيل صورك من خلال أداة تحسين تثبّتها على جهاز الكمبيوتر وتشغيلها كواجهة مستخدم رسومية. على سبيل المثال، يمكنك استخدام ImageOptim لسحب الصور وإفلاتها في واجهة المستخدم، ثم يتم ضغط الصور تلقائيًا بدون التأثير بشكل ملحوظ في الجودة. إذا كنت تدير موقعًا إلكترونيًا صغيرًا ويمكنك تحسين كل الصور يدويًا، يمكنك الاستفادة من هذا الخيار بشكل كافٍ.
يمكنك أيضًا استخدام Squoosh. يتولى فريق Google Web Devrel إدارة خدمة Squoosh.
إرشادات خاصة بالمجموعة
Drupal
يمكنك استخدام وحدة تتولّى تلقائيًا مهمّة تحسين وتقليل حجم الصور التي يتم تحميلها على موقعك الإلكتروني مع المحافظة على مستوى الجودة. يُرجى التأكّد أيضًا من أنّك تستخدم أنماط الصور السريعة الاستجابة الأصلية التي يوفّرها Drupal لجميع الصور المعروضة على الموقع الإلكتروني.
Joomla
يمكنك استخدام مكوّن إضافي لتحسين الصور يضغط صورك مع الحفاظ على الجودة.
Magento
يمكنك استخدام إضافة Magento التابعة لجهات خارجية لتحسين الصور.
WordPress
يمكنك استخدام مكوّن إضافي لتحسين الصور في WordPress الذي يضغط صورك مع المحافظة على الجودة.