Google优化工具Timeline的使用（Chrome 57已经改为performance（性能模板））

前期学习基本一些前端知识搭一下页面但是现在越来越注重网页性能的优化。

通过什么看网页导致了性能问题呢？ 通过介绍并使用performance进行性能的调试。

1.首先看看一看performance能够整理什么网页数据

如图第一个模块（Control窗格）是点击开始录制，停止，clear。

第二个模块（OverView窗格）右侧提示了FPS（帧频，流畅度），CPU的消耗，NET，HEAP（JavaScript堆内存）

1. FPS。每秒帧数。绿色竖线越高，FPS 越高。 FPS 图表上的红色块表示长时间帧，很可能会出现