Was ist der Unterschied zwischen den Tags <script>, <script async> und <script defer>?

Normal <script>: Der Browser stoppt das HTML-Parsing, lädt und führt das Skript aus, dann setzt es das Parsing fort. Es blockiert die Anzeige.

<script async>: Das Skript wird asynchron geladen, das HTML-Parsing wird fortgesetzt. Das Skript wird sofort nach dem Laden ausgeführt und kann das HTML-Parsing unterbrechen. Die Ausführungsreihenfolge der Skripte ist nicht garantiert.

<script defer>: Das Skript wird asynchron geladen, das HTML-Parsing wird fortgesetzt. Die Ausführung des Skripts wird bis zum Abschluss des HTML-Parsings und des DOM-Aufbaus verschoben. Skripte werden in der Reihenfolge ihrer Platzierung im HTML ausgeführt.

Attribut	HTML-Parsing	Skript-Loading	Skript-Ausführung	Abhängigkeit von der Reihenfolge
Fehlend	Stoppt	Blockierend	Blockierend	Garantiert
async	Fortgesetzt	Nicht blockierend	Kann das Parsing unterbrechen	Nicht garantiert
defer	Fortgesetzt	Nicht blockierend	Nach dem HTML-Parsing	Garantiert