JavaScript #1：scriptタグのdefer？

※ 参考：https://developer.mozilla.org/ja/docs/Web/HTML/Element/script

この論理属性は、スクリプトを文書の解析完了後かつ DOMContentLoaded が発生する前に実行することをブラウザーに示します。
defer 属性の付いたスクリプトは、スクリプトが読み込まれて評価が完了するまで、 DOMContentLoaded イベントの発生が抑制されます。
この属性は、 src 属性がない場合 (すなわちインラインスクリプト) に使用してはいけません。そのような場合は効果がありません。
defer 属性はモジュールスクリプトには効果がありません。 — 既定で延期が行われます。
defer 属性のあるスクリプトは、文書に現れた順に実行されます。
この属性により、ブラウザーが解析を一時停止してスクリプトを読み込んで評価しなければならないような、パーサーブロッキング JavaScript を排除することができるようになります。 async はこの場合と似た効果があります。