Lazy loading, sayfadaki bir öğenin ihtiyaç duyulana kadar çağrılmaması yöntemidir. Özellikle çok görsel taşıyan sayfalarda, ilk anda ekranda görünmeyen görsellerin yüklenmesini ziyaretçi aşağı kaydırana kadar ertelemek için kullanılır. Böylece sayfa açılışında daha az öğe yüklenir ve ilk görünüm daha hızlı gelir.
Buradaki kritik ayrım zamandır: lazy loading sayfanın ilk görünümünün altındaki içerik içindir, ziyaretçinin sayfayı açar açmaz gördüğü görseller için değil. Hero görseline ya da ekrandaki en büyük öğeye lazy loading eklemek, browser'ın zaten hemen ihtiyacı olan görseli indirmeye başlamasını geciktirir ve Largest Contentful Paint gibi metrikleri kötüleştirir. Modern browser'lar bunu <img> etiketindeki basit loading="lazy" niteliğiyle destekler, harici bir kütüphaneye ihtiyaç yoktur. Doğru kullanım, gerçekten görünmeyen içeriğe uygulamak ve ziyaretçinin ilk gördüğü görsellerden uzak tutmaktır.
