Chrome Web檢查器：CPU分析器

Question

我的程序需要大約20秒的加載時間（很多svg對象）。 我正在嘗試使用Chrome Web檢查器進行配置文件。 它總共顯示了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