2012-02-16 20 views
0

私はそのようなツールが存在するかどうかは分かりませんが、もしそうなら、私にそれを指摘してください。javascriptのパフォーマンス機能

これは次のように動作します。数分間あなたのページのUIで再生し、ブラウザが各javascript関数の実行に費やした回数と各関数が平均して実行する時間を見ることができます。

たとえば、関数Xが多用されて実行に時間がかかると言うことができます。

私はクロムを使用していますので、他のブラウザでも可能です。お知らせ下さい。

答えて

1

クロムの開発ツールには、「タイムライン」と呼ばれるものがあります。

  1. その後、CTRL + SHIFTのあなたのページをロード+ I
  2. タイムライン]タブ
  3. に行くには、(それは円の左下に見つけ、)録音ボタンを押してください。

は、それはなど、あなたの行動、ページイベントを記録します

Chromeの場合
+0

はい、私はタイムラインについて知っていますが、私のJavaScript関数の情報は表示されません。ちょうどリフローやリックのようなブラウザイベントです。 – frenchie

+2

Chromeのデベロッパーツールで[プロフィール]タブを試しましたか?それはタイムラインと同様のインターフェースを持っています:レコードを押してから、UIで作業を開始し、録音を停止します。プロファイルには、使用された機能と、実行された時間の割合が表示されます。 – dyoo

+0

ああ、プロファイルはかなりクールです。特定のスクリプトのみを表示する方法はありますか?私はjqueryをたくさん使用していますが、関数呼び出しはあまりうまく表示されません。 – frenchie

0

CTRL + SHIFT + I

タイムライン]タブ

ヒットしたレコード

を言う左下の円

あなたのサイトで混乱している

ストップ記録は

+0

彼はタイムラインではなくプロフィールを求めています – Phrogz

1

1)JSLitmusアドホックJavaScriptのベンチマークを作成するための軽量なツールです

http://www.broofa.com/Tools/JSLitmus/

がベストですテストし、すべてのブラウザのために計算

2)Firebugは、Chromeは意志また助けてください。

3)JSPerfは(...また、あなたがパフォーマンスのオンライン

4)

を確認し、任意のurselfそれをofthose..doに満足していない場合に役立ちます)リンクを持っていけない

これら

console.time('timerName'); 

// Your javascript function here 

console.timeEnd('timerName'); 

間の関数呼び出しを書くこの1つは放火犯とクロムコンソールのような唯一の開発ツールで動作しますが、それに対処することは非常に簡単になります。