CPU profiling with Chrome DevTools

When looking at the Chrome Task Manager, I see the following:

enter image description here

This is 34.9

. So I download DevTools and look at the Javascript Profiler to see this:

enter image description here

I can see that the most time is spent on toBlob

and compareFrames

- on two intensive array operations. I see a lot more to do with knockout. But does this all explain nearly 35% of my CPU usage? If not, how can I determine what is? What other tools and techniques are available to diagnose high CPU usage in a web application through DevTools?

Update: I can see that even through Windows Task Manager (Win10) Chrome is taking ~ 60% of my CPU i7

. I profile and see the following:

enter image description here

I've seen several tutorials (including rendering the main tutorial and udacity ), but nothing that gave me an idea of ​​how to determine the source of this cpu bottleneck.

+3


source to share





All Articles