← Geri

⏳ Loading & Priority

Resimlerin ne zaman ve hangi öncelikle yükleneceğini kontrol et.

loading="eager" vs "lazy"

loading="eager"

Hemen yükle (Hero, above-the-fold)

loading="lazy" ⭐

Görünür olunca yükle (varsayılan)

fetchpriority

fetchpriority="high"

Hero, LCP resmi için

fetchpriority="low"

Önemsiz resimler için

Ne Zaman Hangisi?

Hero resmiloading="eager" fetchpriority="high"
Above-the-foldloading="eager"
Scroll'da görünecekloading="lazy" (varsayılan)
Carousel/tab içiloading="lazy" fetchpriority="low"

💡 LCP (Largest Contentful Paint)

Sayfadaki en büyük resim genellikle LCP metriğini belirler. Bu resme fetchpriority="high" ver.

<!-- Hero resmi - hemen, yüksek öncelik -->
<NuxtImg 
  src="/hero.jpg" 
  loading="eager" 
  fetchpriority="high"
/>

<!-- Scroll'da görünecek - lazy -->
<NuxtImg 
  src="/card.jpg" 
  loading="lazy"
/>

<!-- Carousel içindeki resimler -->
<NuxtImg 
  v-for="img in carousel"
  :src="img" 
  loading="lazy"
  fetchpriority="low"
/>