Lazy Loading & Script Optimizasyonu

Resim lazy load, defer ve async script kullanımı.

Lazy loading, görsellerin sadece görünür olduğunda yüklenmesini sağlar.

loading="lazy" özelliği.
IntersectionObserver API ile özelleştirilmiş lazy load.

JavaScript dosyalarını defer (HTML parse tamamlandığında) ya da async (paralel) ile yükleyerek render blokajını azaltır.

Lazy Loading Image

<img src="placeholder.jpg" data-src="highres.jpg" alt="Yüksek çözünürlük" loading="lazy" />

Defer & Async Scripts

<!-- Defer: HTML parse sonrası çalışır -->
<script src="app.js" defer></script>
<!-- Async: Paralel indirilir, hemen çalışır -->
<script src="analytics.js" async></script>