es6-module-script-order.html

<!-- executed third -->
<script type="module">
  console.log("Inline module!");
</script>

<!-- executed first -->
<script src="main.js"></script>

<!-- executed second -->
<script defer>
  console.log("Inline script!");
</script>

<!-- executed fourth -->
<script defer src="main.js"></script>


<!-- executed as soon as downloaded -->
<script async type="module">
  import {log} from './main.js';
  log("Inline module!");
</script>

<!-- executed as soon as downloaded -->
<script async type="module" src="main.js"></script>