リソース消費量と UI スレッドアクティビティを分析する (XAML)

[アーティクル]
06/21/2023

アプリケーションタイムライン プロファイラーを使用すると、XAML アプリケーションにおけるアプリケーションの相互作用に関連するパフォーマンスの問題を検出および修復できます。このツールはアプリケーションのリソース消費を詳細に表示できるので、XAML アプリケーションのパフォーマンス改善に役立ちます。アプリケーションが UI フレームの準備 (レイアウトとレンダリング) やネットワークとディスクの要求の処理を実行することで、およびアプリケーションの起動、ページの読み込み、ウィンドウのサイズ変更などのシナリオにおいて使用した時間を分析することができます。

アプリケーションタイムラインは、[デバッグ]>[パフォーマンスプロファイラー] コマンドから開始できるツールの 1 つです。

このツールは、以前のバージョンの Visual Studio の診断ツールセットに含まれていた [XAML UI の応答性] ツールから置き換わるものです。

このツールは、次のプラットフォームで使用することができます。

ユニバーサル Windows アプリ (Windows 10 以降で)
Windows 8.1
Windows Presentation Foundation (.NET 4.0 以上)
Windows 7

Note

アプリケーションタイムライン データと共に、CPU 使用率データ、エネルギー消費量データを収集して分析できます。「デバッガーを使用して、または使用せずにプロファイリングツールを実行する」をご覧ください。

アプリケーションタイムラインデータの収集

ローカルコンピューター、接続されたデバイス、Visual Studio シミュレーターやエミュレーター、またはリモートデバイスでアプリの応答性をプロファイリングすることができます。「デバッガーを使用して、または使用せずにプロファイリングツールを実行する」をご覧ください。

ヒント

可能な場合には、アプリをデバイス上で直接実行します。シミュレーターまたはリモートデスクトップ接続で計測されたアプリケーションのパフォーマンスは、デバイス上での実際のパフォーマンスと同じではないことがあります。一方で、Visual Studio リモートツールを使用してデータを収集しても、パフォーマンスデータには影響は及ぼしません。

基本的な手順は次のとおりです。

XAML アプリを開きます。
[デバッグ] > [パフォーマンスプロファイラー] の順にクリックします。 [.diagsession] ウィンドウにプロファイリングツールの一覧が表示されます。
[アプリケーションタイムライン] を選択してから、ウィンドウの下部にある [開始] をクリックします。

Note

VsEtwCollector.exe を実行するアクセス許可を求める [ユーザーアカウント制御] ウィンドウが表示されることがあります。はいをクリックします。
パフォーマンスデータを収集するアプリのプロファイリングで関心のあるシナリオを実行します。
プロファイリングを停止するには、.diagsession ウィンドウに切り替えてから、ウィンドウの上部にある [停止] をクリックします。

Visual Studio は、収集されたデータを分析し、結果を表示します。

タイムラインプロファイルデータの分析

プロファイルデータを収集した後、次の手順によってコードの分析を開始することができます。

[UI スレッド使用状況] と [ビジュアルスループット (FPS)] のグラフの情報を表示し、タイムラインのナビゲーションバーを使用して、分析する時間の範囲を選択します。
[UI スレッド使用状況] または [ビジュアルスループット (FPS)] のグラフの情報を使用して、[タイムラインの詳細] ビューで詳細を確認し、応答性に問題があるように見受けられる場合は、考えられる原因を探します。

シナリオ、カテゴリ、およびイベントのレポート

[アプリケーションタイムライン] ツールは、XAML のパフォーマンスに関連するシナリオ、カテゴリ、およびイベントのタイミングデータを表示します。

診断セッションのタイムライン

Performance and Diagnostics timeline

ページの上部にあるルーラーは、プロファイル情報のタイムラインを示します。このタイムラインは、 [UI スレッド使用状況] グラフと [ビジュアルスループット] グラフの両方に適用されます。タイムラインのナビゲーションバーをドラッグしてタイムラインのセグメントを選択することにより、レポートのスコープを絞ることができます。

タイムラインには、挿入したすべてのユーザーマークとアプリのアクティブ化ライフサイクルイベントも表示されます。

UI スレッド使用状況グラフ

CPU Utilization Graph

[ UI スレッド使用状況 (%) ] グラフは、コレクション期間中にあるカテゴリで費やされた相対的な時間を横棒グラフで示したものです。

ビジュアルスループット (FPS) グラフ

Visual throughput graph

[ビジュアルスループット (FPS)] の折れ線グラフは、アプリの UI スレッドとコンポジションスレッドの 1 秒あたりのフレーム数 (FPS) を示します。

タイムラインの詳細

レポートの分析はほとんどこの [詳細] ビューで行われます。 CPU を使用する UI フレームワークサブシステムまたはシステムコンポーネントによって分類されたアプリケーション別に CPU 使用率が表示されます。

次のイベントがサポートされます。

名前	説明
解析中	XAML ファイルの解析とオブジェクトの作成に費やされた時間。 [タイムラインの詳細] の [解析] ノードを展開すると、ルートイベントの結果として解析されたすべての XAML ファイルの依存関係チェーンが表示されます。このヒントにより、パフォーマンスが重要なシナリオにおいて不必要なファイル解析やオブジェクト作成を特定し、それらを取り除いて最適化できます。
レイアウト	大規模なアプリケーションでは、多数の要素が画面に同時に表示される可能性があります。場合によっては、この表示によって UI のフレームレートが低下し、これに対応してアプリケーションの応答性も低下します。レイアウトイベントでは、各要素 (つまり、Arrange、Measure、ApplyTemplate、ArrangeOverride、MeasureOverride に費やした時間) をレイアウトするコストが正確に判断されます。レイアウトパスの一部を成すビジュアルツリーも作成されます。この視覚表現を使用すると、簡略化する論理ツリーを判断したり、レイアウトパスを最適化するために他の遅延メカニズムを評価したりできます。
Render	XAML 要素を画面に描画するために費やされた時間。
入出力	ローカルディスクから、または Microsoft Windows Internet (WinINet)API を使用してアクセスするネットワークリソースから、データを取得するために費やされた時間。
アプリケーションコード	解析やレイアウトに関連しないアプリケーション (ユーザー) コードを実行するために費やされた時間。
Xaml その他	XAML ランタイムコードの実行に費やされた時間。

ヒント

UI スレッドで実行されるアプリメソッドを表示するためにプロファイリングを開始する場合は、 [CPU 使用率] ツールと共に [アプリケーションタイムライン] ツールを選択します。実行時間の長いアプリコードをバックグラウンドスレッドに移動すると、UI の応答性が向上します。

タイムラインの詳細のカスタマイズ

[ タイムラインの詳細 ] ツールバーを使用して、[ タイムラインの詳細 ] ビューエントリの並べ替え、フィルター操作、注釈の指定を行います。

名前	説明
並べ替え	開始時刻またはイベントの長さによって並べ替えます。
	フレームごとにイベントをグループ化する最上位の [ フレーム ] カテゴリを追加または削除します。
	選択したカテゴリまたはイベントの長さに基づいて、一覧をフィルター処理します。
	イベントに注釈を指定できます。

リソース消費量と UI スレッドアクティビティを分析する (XAML)

アプリケーションタイムラインデータの収集