斜め読み - 以下斜め読んだ内容

Optimizing Your External Javascript References

Scott Schillerブログより。
外部jsのロードがウェブサイトの見た目などで性能を損なう可能性について。
起こる理由と、対処法いくつかについて。
jsファイルからjsファイルを読むやり方を紹介してる中で
ただロードする関数を作るだけでなく
ロード完了後にコールバック関数を指定できるように作ってる部分が勉強になった。
以下斜め読んだ内容

外部jsのロードがサイトを壊す（かもしれない）仕組み
- jsのロード中は、ブラウザの他のプロセスが中断する
  - 他のプロセスとして、画像・cssなどのロードやページレンダリング等々
- ネットワーク上の理由でjsのロードがとても遅くなる場合が起こりうる。そのときサイトが崩れる
- この問題は回避できる、と
回避策１：defer属性使う
- 現在IEのみサポート。Fxは3.1でサポート予定。Operaはjsの遅延をサポート
  - Operaの実装の特色（遅延実行とdocument.writeの共存など）は、前に斜め読んだときにメモした
- defer属性をscript要素に指定すると、script要素内のjsのコードのパースと実行を延期してくれる
- 外部jsのロードは延期されない
- defer属性とdocument.writeは組み合わせて使わないようにする
回避策２：jsファイルからjsファイルをロード
- 条件。ロードされるjsではdocument.write使わない
- DOM使ってscript要素作って、ロード。
- DOM経由でロードされたjsは他のページのコンポートネントのロードを妨げない（並列ＤＬが可能になる）
  - この根拠とデモについては、前に斜め読んだ記事でも指摘されてた
- オプションとして、DOM経由でロードされたjsのロード完了時にコールバックを設定もできる
回避策３:ローカルに保存。
- エレガントじゃないけど、一応言っとく。
回避策を使うことの意義
- 非同期処理の実装の徹底化
- プログラミングスタイルとか、ウェブサイトのパフォーマンスとか。