<script> async, defer, async defer, module, nomodule, src, inline - the cheat sheet
This document is a comparison of various ways the
<script> tags in HTML are processed depending on the attributes set.
If you ever wondered when to use inline
<script async type="module"> and when
<script nomodule defer src="...">, you're in the good place!
Note that this article is about
<script>s inserted in the HTML; the behavior of
<script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)