FireBug と benchmark.js を使って稼働中のサービスの JavaScript パフォーマンスをチェックする

まずはこれを見てください。

http://sample.ecmascript.jp/bench.htm

このような感じで

• FireBug のコンソールを表示させて
• 適当なサーバにある benchmark.js を読み込んで
• benchmark.at('firebug')({ 'テスト１': function() { ... } });

って感じで、どんなサイトでもパフォーマンスを計ることが出来ます。

何が嬉しいのか

• いちいちサービスの JavaScript を書き換えて計測する必要がない。
• 思いついたときに、パフォーマンスチェックができる。

FireBug を入れていない、または Firefox 以外でパフォーマンスを計りたい場合

URL 欄に

javascript:(function(){var s=document.createElement('script');document.body.appendChild(s);s.src='http://sample.ecmascript.jp/benchmark.js'})();

と入力したあと、ちょっと待ってから

javascript:benchmark({1:function(){.....}});

と入力することで同じことが出来ます。

ちなみに

benchmark.js は以下にあります。
d:id:amachang:20060906:1157571938