1. console.time() で関数の実行時間を測る
Firebug で、JavaScript の関数の実行時間を知りたい。
例えば、HTML の pre 要素内で JavaScript ファイルを読み込むとする。
index.html
<html>
<head></head>
<body>
<pre><script src="test.js"></script></pre>
</body>
</html>
JavaScript のファイルである test.js の中で、console.time(), console.timeEnd() 関数を使うと、関数が実行される時間を測ることができる。
Firebug and Logging によると、
The low-fi approach is to call
console.time("timing foo")before the code you want to measure, and thenconsole.timeEnd("timing foo")afterwards.
test.js において、hoge 関数の実行時間を知りたい場合、次のように記述する。
var hoge = function(){
for (var i = 0; i < 100; i++) {
document.writeln("hoge");
}
}
console.time("hoge");
hoge();
console.timeEnd("hoge");
Firebug のコンソールを開き、index.html にアクセスすると、hoge の実行時間が表示される。
2. console.profile() で関数の実行結果を詳しく得る
console.profile() 関数を使うと、console.time() よりも情報を得られる。
The high-fi approach is to use the JavaScript profiler. Just call
console.profile()before the code you want to measure, and thenconsole.profileEnd()afterwards(同上より)
例えば、test.js に piyo 関数を追加し、hoge 関数と piyo 関数実行時間を測る。
var piyo = function(){
var _piyo = function(){
for (var i = 0; i < 100; i++) {
document.writeln("piyo");
}
}();
}
console.profile("test");
hoge();
piyo();
console.profileEnd();
index.html を開いて、先ほどと同じくコンソールを見ると、console.time() よりも多くの情報が表示される。
0コメント:
コメントを投稿