外部JavaScriptファイルを動的に読み込みWEBサイトを高速にしましょう! JavaScriptは通常の<head></head>タグ内に記述しますが、この場合HTML描画前にJavaScript読み込みが発生し、またJavaScriptの読み込みが終わるまで待機しているので、読み込み終わりを待ってからでないとHTML描画は開始されません。 そこで外部JavaScriptファイルを動的(HTMLレンダリングと同時、またはDOM Ready時)に読み込むよう変更します。 ■ 方法1-1. async をつけて読み込む 今までJavaScriptは以下のように読み込んできました。 <script src="myfile.js"></script> これに async を追加します <script src="myfile.js" async></script> これで非同期読み込みとなり、