Bug 162231 - Web Inspector: [Meta] Visualize code hotness using execution duration data from Timelines
Summary: Web Inspector: [Meta] Visualize code hotness using execution duration data fr...
Status: ASSIGNED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Web Inspector (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Normal
Assignee: Nikita Vasilyev
URL:
Keywords: InRadar
Depends on: 163344
Blocks:
  Show dependency tree / graph
 
Reported: 2016-09-19 13:51 PDT by Nikita Vasilyev
Modified: 2016-12-16 11:20 PST (History)
3 users (show)

See Also:

Attachments
WIP (5.25 KB, patch)
2016-09-27 17:05 PDT, Nikita Vasilyev 		nvasilyev: review-
nvasilyev: commit-queue-
Details | Formatted Diff | Diff
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Nikita Vasilyev 2016-09-19 13:51:31 PDT 
This is similar to "Bug 146115: Web Inspector: [Meta] Visualize code hotness using basic block execution counts",
with exception of code being highlighted based a basic block execution *duration*.
Comment 1 Radar WebKit Bug Importer 2016-09-19 13:51:56 PDT 
<rdar://problem/28370977>
Comment 2 Nikita Vasilyev 2016-09-27 17:05:46 PDT 
Created attachment 290027 [details]
WIP

This is a very early stage WIP. All method names are likely to change. I'm trying to gauge how useful a heatmap visualization is (say, as opposed to "perf gutter" in Chrome DevTools).

How to see the heatmap:
1. Record a Timeline.
2. Open a JS resource (that has function calls captured in the timeline recording).

Once timeline is recorded, there's currently no way to hide the heatmap.
I'll add a button before to the resource toolbar (before the [T] icon) to hide the heatmap.
Comment 3 BJ Burg 2016-12-16 11:20:28 PST 
<rdar://problem/12869714>