So under timeline I would normal see options such as Events, Frames, Memory in the upper left but I no longer do. I'm not sure what I did but what I have there now is two checkboxes: capture stacks and capture memory. How can I get back the original setup?
To access the Performance tab, navigate to the website you want to profile, then open Chrome DevTools by right-clicking and selecting Inspect. Select the Performance tab inside Chrome DevTools. The easiest way to capture a performance profile is by clicking the Start profiling and reload page icon.
Open DevTools. Click the Go to Issues button in the yellow warning bar. Alternatively, select Issues from the More tools menu. Once you're on the Issues tab, click the Reload page button if necessary.
They updated the interface, I'm pretty sure all the functionality is still available.
(In timeline view) * Event mode is the default. * Frames mode can be toggled with the icon next to the trash can. * Memory can by turned on by checking the capture memory checkbox.
It is in-fact disappointing to see such a feature missing from chrome dev tool. FPS meter can be used to get similar information, but not as good as seeing info realtime in Timeline.
In addition to this, for memory details the following script from paulirish is useful,
https://github.com/paulirish/memory-stats.js
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With