jquery - jQuery .load（）-時間を測定する

Question

私はjquery.load()を使用して、外部（ただし同じドメイン内）のリソースをページにロードしています。

このアクションはFireBug Network/からは見えないので、ロードChrome Network console時間を測定するにはどうすればよいですか？

---

編集：

ローカルホスト（ローカルホストではない）で実行している場合、FireBugはこのアクションを記録しません。

WAMP / XAMPP（localhost）またはオンラインサーバーを使用してこれをテストしていることを確認してください。

Answer 1

時間差の使用：

var startDate = new Date();
var startMilliseconds = startDate.getTime();

$('mycontainerselector').load('myurl.html', function() {
    console.log(new Date().getTime() - startMilliseconds);
});

いくつかの修正が必要な場合があります:)

Answer 2

.load()AJAX呼び出しを行い、Firebugコンソールに表示されます。すべてを正しい方法で実行していますか？

Answer 3

console.time（）とconsole.timeEnd（）を使用できます

console.time('loading ajax');
$('#stuff').load('url.html', function() {
   console.timeEnd('loading ajax');
});

コンソールに「loadingajax：1247ms」と出力されます。

Answer 4

これを測定する別の方法は次のとおりです。

var startDate = new Date();
var startMilliseconds = startDate.getTime();

$('#stuff').ajaxStop(function() {
    console.log(new Date().getTime() - startMilliseconds);
});