https://www.chromium.org/developers/how-tos/trace-event-profiling-tool

トレースイベントプロファイルツール

パフォーマンス問題を診断するとき、Chromeが裏で何をやっていることが見えると便利。その方法の一つがabout:tracingツール。

トレースはChromeプロセスの活動を記録する（マルチプロセスアーキテクチャ参照）。各プロセスの各スレッドを階層的に調べて、C++やjavascripのメソッド署名を記録する。多量の情報だが、うまくフィルタすることで、パフォーマンスのボトルネックや遅いオペレーション、不規則な長さのイベント（フレームレートのvariationに導く）が識別できる。

about:tracingを使う

1. トレース実行の記録；ここから始める。about:tracingを使うのに必要。
2. カクつくのを箇所を見つけるフレームビューアの使い方；次にこれを読む。レンダリングパフォーマンスの問題の診断方法を理解する。
3. ジャンクケーススタディ１?；それからこれを読む。Dev Toolsのタイムラインと合わせてabout:tracingを使う効率的な方法。

トレースイベントで何が起こっているかを知るには基本的なブラウザの仕組みを理解しておく必要がある。上の記事はトレースを始めるのには十分だが、最低でも以下を読むことを推奨：

レンダリングクリティカルパス?、もう少しバックグラウンドを知るために、そして、 ジャンクの解剖?、いろいろなレンダリングパフォーマンス問題の正確な説明。

さらなる読み物

• pdf@のプレゼン、トレースを使ったグラフィックスタックのデバッグ方法
• フレームビューアの基礎?、フレームビューアビューをナビゲートするための案内。これは簡潔だが、上のフレームビューアの方法より情報は少ない；
• Skiaピクチャーの保存?；これはSkiaチームのための孤立したSkPictureをキャプチャしたいなら有益。
• メモリー割当のトラッキング?メモリインフラのトラッキング。

さらなる読み物（もっと）

• about:tracingの結果の理解?（少し古い、代わりにフレームビューアhowto?を参照）

about:tracingへの貢献

＜途中＞