ऑफ़स्क्रीन इमेज को रोकें

लाइटहाउस रिपोर्ट के 'ऑपर्च्यूनिटी' सेक्शन में, पेज की सभी ऑफ़स्क्रीन या छिपी हुई इमेज की सूची होती है. साथ ही, किबीबाइट (केआईबी) में होने वाली संभावित बचत की जानकारी भी मिलती है. इंटरैक्टिव में लगने वाला समय कम करने के लिए, सभी अहम संसाधन लोड होने के बाद, इन इमेज को लेज़ी लोडिंग की मदद से लोड करें:

लाइटहाउस डेफ़र की ऑफ़स्क्रीन इमेज के ऑडिट का स्क्रीनशॉट

लेज़ीसाइज़ कोडलैब की मदद से, ऑफ़स्क्रीन इमेज को लेज़ी लोड करने की सुविधा भी देखें.

स्टैक के हिसाब से दिशा-निर्देश

एएमपी

amp-img का इस्तेमाल करके, इमेज को अपने-आप धीमे लोड होने की सुविधा चालू करें. इमेज गाइड देखें.

Drupal

Drupal में, इमेज को धीमे लोड करने की सुविधा कॉन्फ़िगर करें. इमेज के लिए फ़ील्ड फ़ॉर्मैटर, lazy या eager के साथ काम करते हैं.

Joomla

धीमी रफ़्तार से लोड होने वाला ऐसा Joomla प्लग इन इंस्टॉल करें जिसमें किसी भी ऑफ़स्क्रीन इमेज को अलग करने की सुविधा हो. अगर नहीं, तो किसी ऐसे टेंप्लेट का इस्तेमाल करें जो यह सुविधा मुहैया कराता हो. Joomla के 4.0 वर्शन से शुरुआत करते हुए, "Content - Lazy Loading Images" प्लग इन का इस्तेमाल करके, धीमे लोड होने वाले असरदार प्लग इन को चालू किया जा सकता है. एएमपी प्लग इन का भी इस्तेमाल किया जा सकता है.

Magento

वेब प्लैटफ़ॉर्म की धीमे लोड होने की सुविधा का इस्तेमाल करने के लिए, अपने प्रॉडक्ट और कैटलॉग टेंप्लेट में बदलाव करें.

WordPress

धीमे लोड होने वाला WordPress प्लग इन इंस्टॉल करें. इससे, किसी भी ऑफ़स्क्रीन इमेज को अलग करने की सुविधा मिलती है. इसके अलावा, किसी ऐसी थीम का इस्तेमाल करें जो यह सुविधा मुहैया कराती हो. एएमपी प्लग इन का भी इस्तेमाल करें.

संसाधन