chrome://tracing Performance analysis artifact

stay Soc In performance analysis , Often need to see some master or slave Of busy / idle Status proportion , If you can see each as you can see the waveform master/slave Status in various time periods , In this way, performance bottlenecks can be seen very intuitively .

Chrome Provides a visual trace viewer Tools can achieve this effect .

Reference resources https://limboy.me/2020/03/21/chrome-trace-viewer/

stay chrome Browser input chrome://tracing/ You can open this tool , then load Yours json file , You can check the waveform .Json File format , You can also refer to https://docs.google.com/document/d/1CvAClvFfyA5R-PhYUmn5OOQtYMH4h6I0nSsKchNAySU/edit#

In the following example ,

"name": " rest ",  // Event name , It will show in timeline On  "cat": " test ",  // Event classification , similar Tag, When you select an event , Show... In the lower tab  "ph": "X", // phase, Commonly used B / E / X / M, respectively begin /end / complete / metadata event  "ts": 0,  // event The moment when it began to happen "pid": 0,  // process id "tid": 1, // thread id "dur": 28800000000, // duration, Follow phase X Use it with , Indicates the duration of the event "args": { "duration_hour": 8, "start_hour": 0}} // Additional parameters , When selecting an event , Show... In the lower tab

Be careful ：

1.  ts and dur The time unit of is Microsecond (us).

2. If phase by M, be name Can only be 5 One of them .

[
    {"name": " rest ", "cat": " test ", "ph": "X", "ts": 0, "pid": 0, "tid": 1, "dur": 28800000000, "args": {"duration_hour": 8, "start_hour": 0}},  
    {"name": " Study ", "cat": " test ", "ph": "X", "ts": 28800000000, "pid": 0, "tid": 1, "dur":3600000000 , "args": {"duration_hour": 1, "start_hour": 8}},

    {"name": " rest ", "cat": " test ", "ph": "X", "ts": 0, "pid": 0, "tid": 2, "dur": 21600000000} ,

    {"name": "process_name", "ph": "M", "pid": 0, "args": {"name": " One week time management "}},
    {"name": "thread_name", "ph": "M", "pid": 0, "tid": 1, "args": {"name": " The first day "}},
    {"name": "thread_name", "ph": "M", "pid": 0, "tid": 2, "args": {"name": " the second day "}}
]

Sometimes , Will see in json The file begins with "displayTimeUnit", You can select... In the document ms and ns, But I tried , As if ts and duration The time unit of is still us.

{ "displayTimeUnit": "ms", "traceEvents":[ ….. ]}