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

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

Answer 4

另一种衡量方法如下：

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

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

jQuery .load（） - 测量时间

4 个答案: