Ekran dışındaki resimleri ertele

Lighthouse raporunuzun Fırsatlar bölümünde, sayfanızdaki tüm ekran dışı veya gizli resimler ve kibibayt (KiB) cinsinden potansiyel tasarruf listelenir. Etkileşim için hazır olma süresini kısaltmak amacıyla, tüm kritik kaynakların yüklenmesi bittikten sonra bu resimleri gecikmeli olarak yükleme seçeneğini değerlendirin:

Lighthouse'un "Ekran dışındaki görselleri erteleyin" denetiminin ekran görüntüsü

Ayrıca Lazy load offscreen images with lazysizes codelab başlıklı codelab'e de göz atın.

Yığına özel rehberlik

AMP

amp-img ile resimleri otomatik olarak geç yükleyin. Resimler kılavuzuna bakın.

Drupal

Drupal platformunda geç yüklenen resimleri yapılandırabilirsiniz. Resimler için alan biçimlendiriciler, lazy veya eager değerlerini destekler.

Joomla

Ekran dışı görüntüleri erteleme veya bu işlevselliği sağlayan bir şablona geçiş yapma olanağı veren bir Joomla geç yükleme eklentisi yükleyin. Joomla 4.0'dan başlayarak özel bir yavaş yükleme eklentisi, "Content - Lazy Loading Images" eklentisi kullanılarak etkinleştirilebilir. Ayrıca bir AMP eklentisi kullanmayı da düşünebilirsiniz.

Magento

Ürün ve katalog şablonlarınızı, web platformunun geç yükleme özelliğinden yararlanacak şekilde değiştirme seçeneğini değerlendirin.

WordPress

Ekran dışı görüntüleri erteleme veya bu işlevselliği sağlayan bir temaya geçiş yapma olanağı veren bir WordPress geç yükleme (lazy-load) eklentisi yükleyin. Ayrıca AMP eklentisini kullanmayı da düşünün.

Kaynaklar