There used to an option to switch between events, frames and memory view in the Chrome Dev tools timeline.
Now, there is only the events view :(
My Dev tools:
Dev tools documentation:
The old frames UX was removed. Now there is a single view provided for the Timeline. Frames are now presented as 'FPS' in the current overview area. Trouble frames are marked with a red tick both at the top of that view and on the frame itself.
Unlike the old UX however, the new frames is "higher is more FPS". So instead of looking for tall bars, you should look for short ones. The red ticks point out the major frame areas to look out for.
The official DevTools docs are currently being updated to reflect the new major shift in user experience.
Make sure that your frame view
is actually visible.
In the example below, memory and frame window are so close to each other that looks like you frame view
disappeared.
Just simply try to expand it by dragging the frame view
window borders (A and B in image below).
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