Chrome网络检查员：CPU分析器

Question

我的程序加载大约需要20秒（很多svg对象）。我正在尝试使用chrome web inspector进行配置。它显示总共19.16秒，但故障并没有完全加起来。我尝试自下而上，自上而下并按不同组合排序。还是无法识别瓶颈。我可以在几毫秒内从服务器看到数据接收，但需要很长时间来呈现它。

同样在％ge视图中，总数为98％，但其余部分单独低于0.05％，似乎不正确。

在我之前的qn中，我问过如何显示#calls和平均值。我怀疑递归调用可能会导致这种情况，但与此同时，总时间应该反映出来。

如何识别导致此延迟的功能。任何帮助表示赞赏。

Answer 1

您可以使用此功能记录通话之间的时差：

var timeVal = new Date().getTime();
var log = function(name){
    var str = new Date().toLocaleTimeString();
    var newTime = new Date().getTime();
    str += " (" + (newTime - timeVal) + "ms)";
    timeVal = newTime;
    console.log(str, name)
}

像这样使用：

log("prepare for something")
// do something
log("something happened");

输出：

16:57:46 (2496ms) prepare for something
16:57:46 (130ms) something happened