script etiketinde async ile defer arasındaki fark nedir?

Cevap

  • Normal `<script>`: HTML ayrıştırmayı durdurur, script'i indirir ve çalıştırır, sonra devam eder.
  • `async`: script paralel indirilir, iner inmez çalışır (ayrıştırmayı o an keser). Çalışma sırası garanti değildir. Bağımsız script'ler (analitik, reklam) için uygundur.
  • `defer`: script paralel indirilir, HTML tamamen ayrıştırıldıktan sonra, DOMContentLoaded'dan önce ve yazıldığı sırayla çalışır. DOM'a erişen uygulama kodu için doğru seçimdir.
<script src="analitik.js" async></script>
<script src="kutuphane.js" defer></script>
<script src="uygulama.js" defer></script>   <!-- kutuphane.js'ten sonra çalışır -->

type="module" script'ler varsayılan olarak defer gibi davranır.

  1. Bir URL'yi tarayıcıya yazıp Enter'a bastığınızda neler olur?OrtaTarayıcı & Web API'leriFrontend
  2. Web Worker nedir? Service Worker'dan farkı nedir?ZorTarayıcı & Web API'leriFrontend
  3. IntersectionObserver ne işe yarar? Örnek kullanım verin.OrtaTarayıcı & Web API'leriFrontend
  4. Tarayıcı önbelleği nasıl çalışır? Cache-Control başlıkları nelerdir?OrtaTarayıcı & Web API'leriFrontend
  5. localStorage, sessionStorage, cookie ve IndexedDB arasındaki farklar nelerdir?OrtaTarayıcı & Web API'leriFrontend
  6. Tarayıcının kritik render yolu (critical rendering path) nedir?OrtaTarayıcı & Web API'leriFrontend

Bu konuda başka bir soru biliyor musun?

Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.

Soru ekle