ハイパフォーマンスWebアプリケーション

http://msdn.microsoft.com/ja-jp/asp.net/ff394368.aspx のまとめ

Microsoft Ajaxコンテンツ配信ネットワーク(CDN)

世界中の戦略的なネットワークポイントに配置されているコンテンツ配信サーバー
(MS社製のjavascriptファイル、jqueryファイルを配信する)のネットーワーク。
アクセス元からもっとも近いコンテンツ配信サーバーから提供を受ける。
さらに、クライアントブラウザーのキャッシュに受信コンテンツを格納して
再利用を行うようになている。
-> ブラウザからスクリプトUrlにアクセスすると、cacheファイルのダウンロードダイアログが出る。

jQueryの場合だと
http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js


並列に動的にスクリプトをロードする(ASP.NET Ajax Script Loader)

Start.jsというScriptLoaderを使用する。ただし、Sys.scriptsコレクションで定義しているものだけ指定することができる。
明示的にrequireメソッドを呼び出す必要がある。これを利用して、例えば、ボタン押下イベント内でrequire呼び出しを行うようにして
遅延ローディングを実現することができる。
また、スクリプトの依存関係に対応するために、require呼び出しを行うと指定スクリプトとそれが依存しているスクリプトの両方がロードされる。
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/beta/0911/Start.js"></script>
<script type="text/javascript">
//Sys.requireでロード対象スクリプトライブラリの配列を渡す。
//非同期なのですぐに次処理に移る。
Sys.require([Sys.components.dataView, Sys.scripts.jQuery]);
window.alert("ロード中です。");

//スクリプトロード時処理
Sys.onReady(function(){
  window.alert("ロード完了");
});
</script>


カスタムスクリプトのロード

カスタムスクリプトをロードするには、Sys.loader.defineScriptsを使用する。
これを使用することで自作ライブラリのロードディング制御することができる。
スクリプトの依存関係解決、デバッグ・リリースでのロード対象切り替え機能を提供している。

デバッグバージョンスクリプトをロードするには、ロード処理前にSys.debugプロパティにtrueをセットする。
デバッグバージョンではIntelliSenseを有効にしてコーディングの効率化を上げたり、デバッグ用クラスを定義したりする。

ハイパフォーマンス Web アプリケーションの構築 - b.カスタムスクリプトの読み込み
ハイパフォーマンス Web アプリケーションの構築 - d. デバッグ時の Script Loader の使用



JavaScriptアプリケーションのパフォーマンスツール

各種ツールの紹介

DonwloadTimeOptimaizer(Doloto) Webページをプロファイリングしてスクリプトの読み込みタイミングを最適化する。 ローカルのブラウザで使用するツール?

Microsoft Ajax Minifier スクリプトファイルを小型化するツール

Internet Explorer JavaScript Profiler IEのプロファイラー