HTML <script> async özniteliği

HTML <script> etiketi

Tanım ve kullanım

async Özniteliği bir boolean özniteliğidir.

Eğer async Öznitelik, betik sayfanın çözümlenirken paralel olarak indirilir ve kullanılabilir olduğunda hemen çalıştırılır. Betik tamamen indirildikten sonra, sayfanın çözümlemesi kesilir, ardından betik çalıştırılır ve sayfanın geri kalanı çözümlemeye devam eder.

Dikkat:async Öznitelik yalnızca dış betiklere uygundur (ve sadece src özniteliği varsa kullanılmalıdır).

Dikkat:Dış betikleri çeşitli yollarla çalıştırabilirsiniz:

  • Eğer async ayarlanmışsa: Betik sayfanın çözümlenirken paralel olarak indirilir ve kullanılabilir olduğunda hemen çalıştırılır (çözümleme tamamlanmadan önce)
  • Eğer defer ayarlanmışsa (async ayarlanmamışsa): Betik sayfanın çözümlenirken paralel olarak indirilir ve sayfa çözümlemesi tamamlandıktan sonra çalıştırılır
  • Eğer hem async hem de defer yoksa: Betik hemen indirilir ve çalıştırılır, sayfa çözümlemesi engellenir ve betik çalışana kadar sayfa çözümlemesi devam eder.

Örnek

İfade edilen betikler, sayfanın çözümlenirken paralel olarak indirilir ve kullanılabilir olduğunda hemen çalıştırılır:

<script src="demo_async.js" async></script>

Kişisel olarak deneyin

Gramer

<script async>

Asenkron betik çalıştırma

Tarayıcı script elementine rastladığında varsayılan davranışı, betiği yükler ve çalıştırırken sayfanın işlemeini durdurmaktır. script elementleri sırasıyla (tanımlanan sırayla) eş zamanlı (betiğin yüklenmesi ve çalıştırılma sürecinde başka bir şeyle ilgilenmez) olarak çalıştırılır.

Bash betiği olarak işleme yöntemi, eş zamanlı sıralı olarak kendi önemi vardır. Ancak bazı betikler böyle işlemek zorunda değildir, bu tür betikler için async Özelliği performansını artırır. Bu konudaki bir örnek, takip betikleridir (tracking script). Bu betikler, reklam şirketlerinin kullanıcıların alışkanlıklarına göre reklam oluşturup gönderebilmesi veya web sitesi ziyaretçilerinin istatistiklerini toplamak için kullanılabilir. Böyle bir şey. Bu betikler genellikle HTML belgesindeki elementlerle etkileşime girmek zorunda değildir. Sayfanın yüklenmesini bekleyip ardından kendi sunucularına rapor göndermek için sayfanın gösterilmesini geciktirmek anlamsızdır.

Kullanılarak async Özelliği ekledikten sonra, tarayıcı HTML'nin diğer elementlerini (diğer script elementleri de dahil) çözümlemeye devam ederken betiği asenkron olarak yükler ve çalıştırır. Kullanıldığında, bu, genel yükleme performansını önemli ölçüde artırabilir.

Dikkat:Kullanım async Özelliğin önemli bir sonucu, sayfadaki betiklerin tanımlandıkları sırayla çalışmayabileceğidir. Bu nedenle, diğer betiklerde tanımlanan fonksiyon veya değerleri kullanan betikler için kullanılmamalıdır async Özellik.

Tarayıcı Desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 3.6 5.1 15.0

HTML <script> etiketi