Lazy Loading: Görsel, video ve iframe gibi kaynakların kullanıcı onlara yaklaşana kadar yüklenmemesini sağlayan tembel yükleme tekniğidir.
Lazy Loading ne anlama gelir?
img ve iframe etiketlerine loading="lazy" eklemek, ekran dışındaki kaynakların ilk yüklemeyi yavaşlatmasını önler. Uzun sayfalarda veri tasarrufu ve daha hızlı ilk görüntüleme sağlar.
Ekranın üst kısmındaki görsellere, özellikle LCP görseline lazy loading uygulanmamalıdır; aksi halde LCP gecikir. Googlebot yerleşik lazy loading'i destekler, ancak yalnızca kaydırma olayıyla tetiklenen eski JavaScript çözümleri içeriği gizleyebilir.
Örnek
Blog listesindeki ilk iki kart görseli normal, alttaki kartların görselleri loading="lazy" ile yüklenir.
İlgili terimler
- Site Hızı & Core Web VitalsLCP (Largest Contentful Paint)Sayfada görünür alandaki en büyük görsel veya metin bloğunun ekranda ne kadar sürede oluştuğunu…
- Site Hızı & Core Web VitalsGörsellerin SıkıştırılmasıGörsellerin kalitesini gözle görülür şekilde düşürmeden dosya boyutlarının azaltılması işlemidi…
- Teknik SEOJavaScript SEOJavaScript ile oluşturulan sitelerin arama motorları tarafından taranabilir, render edilebilir …
Bu konuyu sitenizde birlikte ele alalım
Lazy Loading ve benzeri konuları markanızın hedefleriyle birlikte değerlendiriyor, uygulanabilir bir yol haritasına çeviriyoruz.
Web Sitesi Geliştirme →