jQuery .load（） - 测量时间

Question

我正在使用jquery​​加载一些外部（但在同一域内）资源到页面中。

由于此操作通过FireBug Network/Chrome Network console - 不可见如何测量加载时间？

---

编辑：

如果本地运行（不是localhost）萤火不会记录这个动作。

确保您使用WAMP/XAMPP（本地主机）或在线服务器进行测试。

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'); 
}); 

它将打印：在控制台 “加载AJAX 1247ms”。

Answer 4

测量这个的另一种方式是：

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

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