[Feature Request] Filter user timings on performance timeline

212 views
Skip to first unread message

Sergey Gavrilov

unread,
Oct 26, 2017, 11:53:23 AM10/26/17
to Google Chrome Developer Tools

I'm using User Timing API to analyze performance timeline of my app.


But it also can be used by third-party libs.

In the end there can be a lot of components which spamming on timeline, leading it to the mess.


Need a way to filter timeline measures to focus on particular component of my app, or third-party lib.


Filter can base on 

  • initiator script file (supporting sourcemapping)
  • or simply regex matching label (eg. react uses ⚛-emoji to prefix its measures. so I can write regex to filter those out)

Example timeline (both app measures and react-lib measures):



Paul Irish

unread,
Oct 26, 2017, 3:15:06 PM10/26/17
to Google Chrome Developer Tools, Andrey Kosyakov, Alexei Filippov
Thanks for sharing this! 

Currently we don't have a good solution for you. Though we were discussing and think there are two options that could work:

1. We could fade/highlight search matches
2. We could remove negated matches from the flame chart entirely. 

They're roughly equivalent for us in terms of engineering cost. 

Though admittedly they offer a different UX. Do you have a preference or thoughts on which approach is more effective for you?



--
You received this message because you are subscribed to the Google Groups "Google Chrome Developer Tools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-developer-tools+unsub...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/2f57c91c-171c-4161-87e1-5cf05b210099%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Message has been deleted

Sergey Gavrilov

unread,
Oct 26, 2017, 3:45:29 PM10/26/17
to Google Chrome Developer Tools
I guess completely removing negated matches would work better.

This filter should probably share the same idea as filtering on network tab or console log.
Ie. (1) filter hides items (2) when some items hidden, filter icon changes color to red, also there's a label somewhere like "2 items hidden by filter"

Sergey
Reply all
Reply to author
Forward
0 new messages