Skip to content

Enhance performance timings with the DevTools extensibility API #4511

Closed
@nolanlawson

Description

@nolanlawson

Chrome DevTools has a new API where you can extend information from performance marks/measures to do a few things:

  1. Have a separate track from other perf marks/measures (e.g. for a specific JS framework)
  2. Add details on hover or click

I think #1 is a no-brainer that we should do. For #2 it might be interesting to add details like a list of property mutations that caused a re-render.

The Angular and React usages are good sources of inspiration: angular/angular#55805 facebook/react#29231

Relevant code for us:

performance.measure(measureName, markName);

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions