Mi a különbség a <script>, <script async> és <script defer> tagek között?

Normál <script>: a böngésző megállítja a HTML elemzést, betölti és végrehajtja a szkriptet, majd folytatja az elemzést. Blokkolja a megjelenítést.

<script async>: a szkript aszinkron módon töltődik be, a HTML elemzés folytatódik. A szkript azonnal a betöltés után végrehajtódik, és megszakíthatja a HTML elemzést. A szkriptek végrehajtási sorrendje nem garantált.

<script defer>: a szkript aszinkron módon töltődik be, a HTML elemzés folytatódik. A szkript végrehajtása késleltetve van a HTML elemzés és a DOM fa felépítése befejeződése után. A szkriptek a HTML-ben való megjelenésük sorrendjében futnak.

attribútum	HTML elemzés	Szkript betöltése	Szkript végrehajtása	Sorrend függősége
Hiányzik	Megáll	Blokkoló	Blokkoló	Garantált
async	Folytatódik	Nem blokkoló	Megsértheti az elemzést	Nem garantált
defer	Folytatódik	Nem blokkoló	HTML elemzés után	Garantált