[JavaScript] [高速化] JSファイルの非同期読み込み。遅延ロードっていうのか？

オライリーの「続・ハイパフォーマンスWebサイト」を読んでる。 すぐ使えそうなやつもあるのでメモメモ。 JavaScriptの外部ファイルの読み込み方法として一般的なhead内にscriptタグを書く方法、これだとJavaScriptを読み込んで実行している間は他のファイルの表示をブロックしてしまう。 JavaScriptはページ内のいろんな要素やファイルと関係したりするので、実行中に他のいろんな要素に動かれると困るらしい。 最近は1つのページで何個もJavaScriptファイルを読み込んでいたりするので、これはなかなか大変 「ハイパフォーマンスWebサイト」では、JavaScriptファイルは閉じbodyタグの直前に書けって言われる。 こうすれば、とりあえずJavaScriptファイルを読み込み出すまでに、htmlの表示はほとんど終わらせておくことができる。 それでもJavaScript

[blogger323]

スクリプト読み込み

[erp777]

//scriptタグをJavaScript内で追加する var script = document.createElement('script'); script.src = '次に読み込みたいファイル名'; document.getElementsByTagName("head")[0].appendChild(script);