Google chrome 谷歌浏览器时间表

我正在记录我目前工作的网站的性能。 当我查看时间表时。有这些不同的颜色显示（我猜）fps、CPU和内存。但我不知道哪个是哪个

有人能解释这些不同的颜色是什么意思吗？我已经搜索过了，但是我看不到任何具有此布局的时间轴说明

最上面的条带（红色条带）是响应性条带。如果是红色，您在该位置有问题，例如，非常长的帧导致jank、过度的样式重新计算等。使用火焰图表放大该区域以查找详细信息

下一个（绿色）是帧速率。越高越好。最大速度为60帧/秒

下一个是CPU利用率，它的颜色取决于CPU当前正在忙的活动类型。例如，很多黄色表示它运行JS代码，紫色表示CSS样式的recalc或布局等

最后一条带小条的是网络活动。它显示当前是否存在网络请求