使用Chrome的持续绘制模式侦测页面绘制时间

页面的绘制时间

3.窗口可见区域大小

所以不要觉得FPS在我们的开发机上时间达标就OK，要考虑更多用户的机器性能是远远不如我们的。

最后补充一点，持续绘制模式的绘制方法跟浏览器的默认绘制方式是不一样的，浏览器默认不会不停地重绘页面，只会在有需要的时候才重绘一次（产生一帧），关于这一点可以使用Timeline标签页中的Frame条目详细查看每一帧的计算量。

最后的最后留给大家一个作业，请使用持续绘制模式观察这个页面：http://css3exp.com/moon/的渲染速度，在我的MPB上是50FPS+，找出CSS成本最高的两个元素上的CSS属性，在Elements面板中去掉它，使FPS降到10以下。