page_adsence

2011年6月29日水曜日

JSファイル読み込み時のブロックを回避する方法

通常、ブラウザはいくつかのファイルを同時にダウンロードするようになっているが、
外部ファイル化されたscript要素のロードに入ると、他のファイルの読み込みがブロックされてしまう。
ブロックされる時間は、Javascriptファイルのダウンロード、構文解析、実行が完了するまで。

ブロックによる影響を最小限に抑えるには、bodyの閉じタグの直前にscript要素を記載することで、
画面側への影響は最小限に抑えられる。

さらにJavascriptのファイルを1ファイルにまとめて圧縮することで、その時間を短縮することが可能になる。
どうしても複数ファイルに分ける場合は、Javascriptのソースの中でscript要素を作成し、
DOMに追加することで並列にロードをすることが可能になる。