Lazy Loading Nedir?
Yayın: · Son güncelleme:
Lazy Loading Nedir? Kısaca
Lazy loading (tembel yükleme), bir sayfadaki görsel, video gibi içeriklerin hepsini baştan yüklemek yerine yalnızca kullanıcı onlara yaklaştığında yükleyen performans tekniğidir.
Lazy loading, sayfanın görünmeyen kısımlarını ihtiyaç anına kadar bekleten bir yükleme yöntemidir. Ziyaretçi aşağı kaydırdıkça görseller ve videolar sırayla gelir.
Lazy loading nedir?
Uzun bir ürün listesi düşünün: 60 ürün, her birinin görseli 150 KB. Hepsi baştan yüklenirse kullanıcı ilk ekranı görmeden önce yaklaşık 9 MB indirmek zorunda kalır. Oysa ilk ekranda belki yalnızca 8 ürün görünür. Tembel yüklemede önce bu 8 görsel gelir, kalanı kaydırma sırasında yüklenir.
Nasıl uygulanır?
Modern tarayıcılarda en basit yol HTML'deki yerleşik özelliktir:
<img src="urun.jpg" loading="lazy" width="400" height="300" alt="Ürün">
Bu öznitelik, tarayıcıya görseli ekrana yaklaşana kadar indirmemesini söyler. iframe'ler, örneğin gömülü videolar, için de aynı öznitelik kullanılabilir. WordPress gibi içerik yönetim sistemleri de görsellere bu özniteliği otomatik ekler.
Sık yapılan hatalar
En yaygın hata, sayfanın en üstündeki ana görseli de tembel yüklemeye almaktır. Bu görsel kullanıcının ilk gördüğü şey olduğu için gecikmesi, sayfanın yavaş algılanmasına ve Core Web Vitals ölçümlerinde LCP değerinin kötüleşmesine yol açar. İlk ekrandaki görselleri normal yükleyin.
Genişlik ve yükseklik belirtmemek de sorun çıkarır. Görsel geç geldiğinde alttaki metin aşağı kayar ve okuyan kişi yerini kaybeder. Her görsele boyut vermek bu kaymayı önler.
Son olarak, arama motorlarının görsellerinizi bulabilmesi için tembel yüklenen içeriklerin de HTML'de gerçek bir adresle yer alması gerekir.
Sıkça Sorulan Sorular
Lazy loading SEO'ya zarar verir mi?
Doğru uygulandığında zarar vermez, sayfa hızına katkısıyla faydalı bile olabilir. Görsellerin adresi HTML'de bulunmalı ve yalnızca kullanıcı etkileşimine bağlı olarak yüklenmemelidir.
Lazy loading yalnızca görseller için mi kullanılır?
Hayır, videolar, iframe'ler, yorum bölümleri ve hatta JavaScript modülleri de ihtiyaç anında yüklenebilir. Mantık her zaman aynıdır: görünmeyen içeriği bekletmek.