Chrome網絡檢查：CPU分析器

enter image description here Chrome網絡檢查：CPU分析器

我的程序需要大約20秒來加載（批號SVG對象）。我正在嘗試使用Chrome Web檢查器進行配置文件。它總共顯示19.16秒，但分解不完全相加。我嘗試了自下而上，自上而下並以不同的組合進行排序。仍然無法識別瓶頸。我可以在幾毫秒內看到數據從服務器接收，但需要很長時間才能呈現。

同樣在％ge視圖中，總數爲98％，但其餘個別小於0.05％，看起來不正確。

在我以前的qn中，我問了如何顯示#calls和average。我懷疑遞歸調用可能會導致這種情況，但同時總時間應該反映這一點。

enter image description here 如何識別導致此延遲的功能。任何幫助讚賞。

來源

2012-11-08 bsr

的CPU使用率（程序）可能與Windows中的系統空閒進程等效，這意味着這是cpu時間，實際上並未使用。 –

我認爲你是對的。但是，我仍然無法確定哪個功能會導致延遲。我只是試過firefox/firebug，它顯示了一些電話。一旦發現問題，將更新帖子。我希望我也可以在Chrome檢查器中看到#calls。 – bsr

您可以使用此功能調用之間記錄的時間差：

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

來源

2012-11-08 15:01:34 pckill

Chrome網絡檢查：CPU分析器

回答

相關問題