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?
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?
Share Improve this question edited Jun 6, 2018 at 16:48 Cory Kleiser 2,0242 gold badges15 silver badges27 bronze badges asked Jun 6, 2018 at 16:32 Filipp GaponenkoFilipp Gaponenko 8147 silver badges10 bronze badges 2- There should be a key that tells you. For instance orange is scripting. The darker purple is rendering. etc. – Cory Kleiser Commented Jun 6, 2018 at 16:34
- 3 Voting to reopen because the close reason is absurd. – Veedrac Commented Jun 7, 2018 at 0:03
3 Answers
Reset to default 25Maybe 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
Purple color indicates the layout. It means that your CPU usage is related to Layout step of rendering. Try resizing the window and you will again get this pink color. The orange color is for scripting. As stated in the above comment. There should be a key indicating the purpose of the color.
Though it made me curious what is causing such heavy layout calculations like that.
| color | action |
|---|---|
| yellow | scripting |
| purple | rendering |
| green | painting |
| blue | loading |
| gray | other |