async/defer
JS のコードを非同期にロードしたい
<script>
HTML解析→JSダウンロード→JS実行→HTML解析の続き
<script async>
HTML解析中にJSもダウンロード→JSを実行→HTML解析の続き
実行順序が保証されないので正しく動作しない場合がある
<script defer>
HTML解析中〜完了までにJSをダウンロード→JSを実行
async の実行順序が保証されないことを解決できる
async/defer はモダンブラウザで使える
詳細
<script>: スクリプト要素 - HTML: HyperText Markup Language | MDN
参考
JavaScript 逆引きレシピ第2版
<script>: スクリプト要素 - HTML: HyperText Markup Language | MDN
#JavaScript