如何測量綁定/渲染視圖或指令的時間？

Question

我有一個包含兩個指令的視圖。我想知道更新/綁定/顯示每個部分需要多少時間（視圖，第一個指令和其他指令）。

我正在尋找端到端的持續時間，包括在JS中花費的時間和實際的瀏覽器渲染時間;

我知道Batarang幫助測量watches但我在這裏看到更大的圖片。

在Chrome中，我啓動了一個CPU配置文件並刷新。在火焰圖視圖中，我看到scope.$digest花了91毫秒。但是，這是包括指令在內的整個觀點的對嗎？這是否包括瀏覽器渲染時間？

我不介意在AngularJS源代碼中插入幾個console.log來做到這一點。

Answer 1

我不知道它是否可以幫助您的確切情況，但Batarang（AngularJS的Chrome擴展）可以真正幫助您進行AngularJS性能測量。 像這樣：https://github.com/angular/angularjs-batarang#performance

你可以在這裏找到：https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk?hl=en

Answer 2

我可能會失去信譽這麼說:)讓希望不是 - 但最新的IE11開發工具都有一個腳本的探查，並且UI用於渲染的響應性選項卡。

使用IE瀏覽器的互聯網開發有點奇怪，但開發工具非常好 - 它已經採取了一些適應從鉻切換，但它是一樣有用和相當高性能。

配置文件，以及如何使用它，並追查特定應用領域的概述是http://msdn.microsoft.com/en-us/library/ie/dn255009(v=vs.85).aspx