chrome 如何调试、查看、分析当页页面性能?

Question

更新到了chrome51，发现工具简化了，如图所示，各个颜色代表什么意思？
如何在TimeLine中调试和追踪页面、动画、js性能？
以及如图所示的页面性能，好还是不好？