Lazy Load Nedir? Nasıl Yapılır?

Lazy load, bir web sayfasının yüklenmesi sırasında görüntülenmeyen içeriklerin yüklenmesini geciktirmek için kullanılan bir yöntemdir.

Bu sayede, web sayfasının hızlı bir şekilde yüklenmesi sağlanır ve kullanıcının ihtiyacı olan içeriklere daha hızlı erişebilmesi mümkün olur.

Lazy load uygulamak için, JavaScript kullanılabilir. Örneğin, bir JavaScript kütüphanesi olan “lazyload.js” kullanarak, görüntülenmeyen resimlerin yüklenmesini geciktirmek mümkündür. Kullanımı ise resimlerin src atributunu data-src olarak değiştirmek ve lazyload.js ile yüklemektir.

Ayrıca, HTML5 ile gelen Intersection Observer API kullanarak da Lazy load yapılabilir. Bu API ile, belirli bir elementin ekranda görünen kısmının belirlenmesi ve bu kısımda olmayan elementlerin yüklenmesini geciktirmek mümkündür.

Add comment