⏳ 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 resmi	`loading="eager" fetchpriority="high"`
Above-the-fold	`loading="eager"`
Scroll'da görünecek	`loading="lazy"` (varsayılan)
Carousel/tab içi	`loading="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"
/>