衡量網頁的性能

Question

我有一個Web應用程序，使用Typescripts的角度爲1.5。 Angular會調用web api。 api使用實體框架。現在，我想衡量各種事件，如頁面加載頁面的性能，點擊鏈接等

是否有任何可用的工具，它可以提供用於執行控制器解決措施的時間信息，通過實體框架等所花的時間？

我想要一個可以在頁面加載時提供聚合信息的工具，或者我點擊任何按鈕。

即使有工具可以單獨提供上述信息，我也很好。

Answer 1

你試過Chrome DevTools嗎？你應該檢查這些鏈接：the timeline tool和analyze runtime performance。

總之：你應該打開的開發人員工具，去型材和開始錄製，然後你執行要衡量（例如點擊一個按鈕），並停止錄製的操作。您會看到每個方法調用需要多長時間。 Here a how to關於如何做錄音和一些技巧。

還有其他選項，如Firebug。

Answer 2

有幾個工具可以分析你的代碼，觀察者和摘要循環。您還可以在Chrome中使用時間軸工具。

https://chrome.google.com/webstore/detail/angular-performance/hejbpbhdhhchmmcgmccpnngfedalkmkm?utm_source=chrome-app-launcher-info-dialog

https://augury.angular.io/

Answer 3

有角中應用的幾個性能指標：

例如可以測量摘要週期時間：

$timeout(() => { 
    angular.element(document).injector().invoke(() => { 
     let start = performance.now(); 
     $rootScope.$apply(); 
     console.log(performance.now() - start); 
    }); 
    });