Lazy Load

Lazy load, bir kaynağın ihtiyaç duyulana kadar yüklenmesinin ertelenmesidir. Web sayfalarında ekranın altındaki görseller ve dış video oynatıcıları için kullanılabilir. İlk açılışta bütün medyayı indirmek yerine gerekli kaynaklara öncelik verilmesini sağlar.

Nerede kullanılır?

Uzun bir blog yazısındaki aşağıdaki görseller, referans galerisi veya kullanıcı tıklayınca açılacak video iyi adaylardır. Ancak ilk ekranda görünen ana kapak görseli aynı şekilde değerlendirilmez. Kritik içeriği ertelemek yüklenme deneyimini kötüleştirebilir. Bu nedenle bütün görsellere topluca aynı ayarı uygulamak doğru bir yaklaşım değildir.

Video için örnek

Bir sayfada üç YouTube videosu varsa üç oynatıcıyı hemen yüklemek yerine kapak görselleri gösterilebilir. Kullanıcı oynat düğmesine bastığında ilgili oynatıcı oluşturulur. Böylece izlenmeyen videoların başlangıç maliyeti azaltılır. Kapak, başlık ve düğme anlaşılır olmalı; klavyeyle kullanım da kontrol edilmelidir.

Hangi ayrıntılar önemlidir?

Görsel yüklenmeden önce alanı ayrılırsa içerik aşağı kaymaz. Kaynağın gerçekten yüklenebildiği ve hızlı kaydırmada boşlukların uzun süre kalmadığı test edilir. Dış medyada kullanıcı etkileşimiyle yükleme, çerez tercihiyle birlikte ele alınabilir; fakat teknik erteleme tek başına bütün gizlilik gerekliliklerini çözmez.

Nasıl test edilir?

Ağ panelinde sayfa ilk açıldığında hangi dosyaların istendiğine bakılır. Ardından aşağı kaydırılır veya oynat düğmesine basılır. Beklenen kaynağın doğru anda geldiği doğrulanır. MDN lazy loading açıklaması farklı kaynak türleri için genel yaklaşımı sunar.

LCP kritik içerik önceliğini, Core Web Vitals deneyimin diğer yönlerini açıklar. Uygulamayı hızlandırma rehberiyle birlikte planlayabilirsiniz.