On picture below i select only one item – CPU usage, but instead one red line, as I expected, I get several different lines on chart. Can anyone explain this colors, please?
The Chrome performance monitor is a quick tool to record website performance metrics while a page is running or reloading. That’s right: the panel is meant for measuring the first page load time as well.
Below the FPS chart you see the CPU chart. The colors in the CPU chart correspond to the colors in the Summary tab, at the bottom of the Performance panel. The fact that the CPU chart is full of color means that the CPU was maxed out during the recording. Whenever you see the CPU maxed out for long periods, it's a cue to find ways to do less work.
At chrome://flags/#force-color-profile the description is: Forces Chrome to use a specific color profile instead of the color of the window's current monitor, as specified by the operating system. – Mac, Windows, Linux, Chrome OS, Android Why does setting this to sRGB in Windows sometimes seem to give better results?
In this tutorial, we are going to take a look at the Performance panel of the Chrome Developer Tools. This panel is used to record and analyze runtime performance. The Performance panel of the Chrome DevTools records runtime performance data.
Maybe this will help:
You should be able to find the key to your specific scenario under the summary tab. As pointed out by @recursive, you will find the summary tab under the Performance section of Chrome's developer tools
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