What is the blank space in chrome's new vertical timeline? What is the blank space in chrome's new vertical timeline? google-chrome google-chrome

What is the blank space in chrome's new vertical timeline?


I went on this question looking for the same answer and as it seems nobody provided a response, here is what I found.

According to the Chrome DevTools documentation about the Clear and Light Grey Frame, the blank space is the time your browser was idle.

Why is it idle?

The short version is that a hollow frame means one of two things: your javascript main thread was busy doing other stuff that the Chrome Dev Team forgot to show in DevTools or you were bottlenecked on your GPU.

To tell the difference, you can enable "Timeline: Show CPU Activity on the Ruler" inside DevTools' settings (you know, the cog in the bottom right hand corner).

enter image description here

You will end with something like this:

enter image description here

See the little dark grey blocks on the "Records" row? Those are dark when the renderer thread was busy. If the renderer thread is mostly idle, e.g. no dark block, as is the case the screenshot I yanked for this post, it is a very good signal that you are GPU bound.