jquery/jsスピードテスト

Question

私のウェブサイトでたくさんのjquery/jsを使用しています。 jqueryのパフォーマンスをテストし、パフォーマンスを向上させる必要があります。 jqueryのパフォーマンスを監視するツールはありますか？

Answer 1

FirefoxのFirebugのは、そのためのいくつかのかなりきちんとしたプラグインがあります

• YUI slow
• Google Page Speed

これらのプラグインは非常に便利であっても、あなただけのFirebug（FirefoxでJavaScriptのパフォーマンスを測定することができるが）とデベロッパーツール（Chrome）が含まれます。

Answer 2

あなたは、あなたがこのコードで

var startTime = new Date(); 
jQuery.ready(); 
var endTime = new Date(); 
var difference = endTime - startTime; 
alert("document.ready time: " + difference + " milliseconds"); 

を使用することができますIEであなたのjQueryの時間を計算するには

Well explained here

YSlow

Firebug

を使用することができます私はDynaTrace AJAX Edition自由をお勧めすることができますよろしく

Wazzy

Answer 3

で

をロードするためにjQueryのための時間を得ることができます。

IE用の優れたパフォーマンスプロファイラです。これにより、実行時間と各javascriptメソッドの呼び出し回数を確認できるため、ボトルネックを簡単かつ迅速に見つけることができます。

私はこれを使ってJavaScriptの重いAJAX対応ポータル（opensocialの実装）を最適化し、ieを見つけました。最適ではないjQueryセレクタ、不必要で重いループ、offsetHeightとクラス属性を持つIEの問題

ここにfeaturesの完全なリストがあります。