ウェブページのパフォーマンスを測定する

Question

Typescriptで角度1.5を使用するWebアプリケーションがあります。 AngularはWeb APIを呼び出します。 APIはEntityフレームワークを使用します。ページの読み込み、ボタンのクリックなど、さまざまなイベントのページのパフォーマンスを測定したいと思います。

コントローラアクションの実行に要した時間、エンティティフレームワークの時間などの情報を提供できるツールはありますか？

ページが読み込まれたときに集約された情報を提供したり、いずれかのボタンをクリックするツールが必要です。

上記の情報を個別に提供できるツールがあってもうまくいきます。

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); 
    }); 
    });