jquery - jQuery .load() - 测量时间

Question

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

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

---

编辑：

如果在本地（不是 localhost）运行，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');
});

它将在控制台中打印“loading ajax: 1247ms”。

Answer 4

另一种测量方法如下：

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

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