Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What causes Chrome Timeline Frame to have so much empty white space

Tags:

Sometimes when I Inspect Element in Google Chrome I find that I have some large frames, but they are filled with white space. Anyone know what often causes such large amounts of empty space? I have seen timers cause issues with extending the frames length but in the example below I am unsure why a frame would be so large.

Would love some help minimizing these

Empty Spce

like image 666
afreeland Avatar asked Sep 06 '12 14:09

afreeland


People also ask

What is scripting in chrome performance?

To be able to visually identify what was going on when you profiled your website, Timeline is painted in different colors. JavaScript execution time is marked in yellow and it's called Scripting. The purple area shows the Rendering and the green parts of the Timeline show the Painting process.

How do I debug chrome performance?

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.

What is idle time in Chrome performance?

This is idle time, the time when the browser is waiting on the CPU or GPU to do some processing. It is shown in the pie chart screenshot in the documentation page How to Use the Timeline Tool.


1 Answers

This is documented here, see the 'About clear or light-gray frames' section. 'Clear frames' in question are described there as

Idle time between display refresh cycles.

According to this video, clear bar indicates browser waiting for a CPU or a GPU. There is nothing that developers can do to fix this when working on a 'standard' website.

like image 158
Konrad Dzwinel Avatar answered Oct 27 '22 22:10

Konrad Dzwinel