<script>, <script async> ve <script defer> etiketleri arasındaki fark nedir?

Normal <script>: Tarayıcı HTML ayrıştırmasını durdurur, betiği yükler ve çalıştırır, ardından ayrıştırmaya devam eder. Görüntülemeyi engeller.

<script async>: Betik asenkron olarak yüklenir, HTML ayrıştırması devam eder. Betik, yükleme sonrası hemen çalıştırılır ve HTML ayrıştırmasını kesintiye uğratabilir. Betiklerin çalışma sırası garanti edilmez.

<script defer>: Betik asenkron olarak yüklenir, HTML ayrıştırması devam eder. Betik çalıştırması, HTML ayrıştırması ve DOM ağacının oluşturulması tamamlanana kadar ertelenir. Betikler, HTML içindeki sıralarına göre çalıştırılır.

Öznitelik	HTML Ayrıştırması	Betik Yükleme	Betik Çalıştırma	Sıralama Bağımlılığı
Yok	Duraklatır	Bloke edici	Bloke edici	Garantili
async	Devam eder	Engellemez	Yükleme sonrası çalıştırılabilir	Garantili değil
defer	Devam eder	Engellemez	HTML ayrıştırmasından sonra	Garantili