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

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

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

اطّلِع أيضًا على برنامج Lazy load offscreen images with lazysizes التعليمي.

إرشادات خاصة بكل حزمة

AMP

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

Drupal

يمكنك إعداد صور تستخدم طريقة "التحميل الكسول" في Drupal. وتتوافق تنسيقات الحقول للصور مع lazy أو eager.

Joomla

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

Magento

عليك تعديل نماذج الكتالوج والمنتج للاستفادة من ميزة التحميل الخامل للنظام الأساسي للويب.

WordPress

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

الموارد