chrome devtools cpu面积图含义？

Question

chrome devtools cpu面积图红色框部分意味cpu负载高接近100%，但实际上从任务管理器查看此时CPU只用了7%，所以devtools的CPU面积图和实际的cpu使用是什么关系？
js线程和渲染线程互斥，为什么在同一时间内会同时出现脚本执行和渲染执行的情况，如图红色框起来部分，紫色部分上面还有部分黄色的