Ekran dışındaki resimleri ertele

Lighthouse raporunuzun Fırsatlar bölümünde, sayfanızdaki tüm ekran dışı veya gizli resimler kibibayt (KiB) cinsinden olası tasarruflarla birlikte listelenir. Etkileşime Hazır Olma Süresi'ni azaltmak için, tüm kritik kaynakların yüklenmesi bittikten sonra bu görüntüleri geç yükleme seçeneğini değerlendirin:

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

Geç boyutlu codelab ile ekran dışı resimleri geç yükleme başlıklı makaleyi de inceleyin.

Gruba özel yönergeler

AMP

amp-img ile resimleri otomatik olarak geç yükleyin. Resimler kılavuzunu inceleyin.

Drupal

Drupal ürününde geç yükleme görüntülerini yapılandırmayı göz önünde bulundurun. Resimler için alan biçimlendiricileri lazy veya eager değerini destekler.

Joomla

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

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ışındaki görselleri erteleme veya bu işlevi sunan bir temaya geçiş yapma özelliğine sahip bir WordPress geç yükleme (lazy-load) eklentisi yükleyin. Ayrıca AMP eklentisini de kullanabilirsiniz.

Kaynaklar