スクリプトの読み込み方針

async属性を使うと、読み込みが早い順に実行される(html上の順序に関係がない)
できるだけ早く実行したいときはこっち

defer属性を使うと、html上の順序に沿って読み込み・実行される
依存関係があるスクリプトはこっち
DOM配置に依存するものを使うのもこっち

メモ

参考: https://developer.mozilla.org/ja/docs/Learn/JavaScript/First_steps/What_is_JavaScript#script_loading_strategies

learnJS Home