Why there is no "User timing" section in my Chrome DevTools

Question

According to this article:
Debugging React performance with React 16 and Chrome Devtools.

I want to inspect some performance things of my own website built by React as well. But I cannot see the User timing section in my DevTools. Chrome version with 62.0.3202.89 in my computer, am I missing something?

Answer 1

I was able to make this work by appending ?react_perf to my url. Not sure why this was so difficult to find... hope it works for you.

https://reactjs.org/blog/2016/11/16/react-v15.4.0.html#profiling-components-with-chrome-timeline

Answer 2

The User Timing tab was removed from chrome in favour of the "Timings" tab which combines some well known timings, such as LCP, OnLoad Event and custom User Timing API marks/measures.

Answer 3

You need to add ?react_perf to the URL

It's required if you're using React 15 https://reactjs.org/blog/2016/11/16/react-v15.4.0.html#profiling-components-with-chrome-timeline

Not required for React 16 though https://reactjs.org/docs/optimizing-performance.html#profiling-components-with-the-chrome-performance-tab