تأجيل الصور خارج الشاشة

يسرد قسم "فرص التحسين" في تقرير Lighthouse كل الصور غير المرئية أو المخفية في صفحتك بالإضافة إلى المساحة المحتمل توفيرها بالكيلوبايت (KiB). يمكنك استخدام طريقة التحميل الكسول لهذه الصور بعد الانتهاء من تحميل جميع الموارد المُهمّة لتقليل وقت التفاعل:

لقطة شاشة لتدقيق "تأخير تحميل الصور غير المرئية" في Lighthouse

اطّلِع أيضًا على التحميل الكسول للصور التي لا تظهر على الشاشة باستخدام رمز lazysizes البرمجي.

إرشادات خاصة بالمجموعة

AMP

تحميل الصور ببطء تلقائيًا باستخدام amp-img راجِع دليل الصور .

Drupal

يمكنك ضبط إعدادات الصور التي تظهر بأسلوب "التحميل الكسول" في Drupal. تتيح أدوات تنسيق الحقول للصور استخدام الترميزَين lazy أو eager.

Joomla

يمكنك تثبيت مكوّن Joomla الإضافي المُساعِد في التحميل البطيء الذي يتيح لك إمكانية تأجيل أي صور خارج الشاشة، أو يمكنك الانتقال إلى نموذج يوفّر هذه الوظيفة. بدءًا من الإصدار Joomla 4.0، أصبح بالإمكان تفعيل مكوّن إضافي مخصّص للتحميل الكسول باستخدام المكوِّن الإضافي "Content - Lazy loading Images". يمكنك أيضًا استخدام مكوّن AMP إضافي.

Magento

ننصحك بتعديل نماذج المنتجات والكتالوج للاستفادة من ميزة التحميل المُعدَّل في منصة الويب.

WordPress

يمكنك تثبيت مكوّن WordPress الإضافي للتحميل البطيء الذي يتيح لك إمكانية تأجيل أي صور خارج الشاشة، أو يمكنك الانتقال إلى مظهر يوفّر هذه الوظيفة. يمكنك أيضًا استخدام مكوّن AMP الإضافي.

الموارد