网页的FPS测试最近读了一篇阐述FPS性能测试知识的文章，觉得很厉害。 在这里做记录，加深记忆的同时，也分享给没有看到的人们吧。
据报道，如果想测量页面滚动的流畅度，可以打开chrome附带的工具： show FPS meter，滑动页面，从fps监控面板上的曲线判断流畅度。 () ) )0)，这里表示什么都不知道。 我查了资料后，找到了这个监视面板的打开方法。
科普工作的下一步：
1 .调用F12开发人员工具
2 .按ESC键打开控制台
3 .单击rendering (如果没有rendering，在更多按钮中单击即可)。
4 .选中“show fps meter”
这里还要记录下fps的概念：FPS的全名是Framespersecond(1 (每秒帧数)。 帧数越多，动画显示得越平滑。 一般液晶显示器的刷新频率为60HZ。 也就是说，必须考虑页面上的交互和动画要流畅。 FPS稳定在60左右，是最好的体验。 也就是说在ios上的交互都是60FPS吧。
现在有需求。 如果需要测量很多页面，则不能打开监视面板进行查看。 为此，需要测试和分析，以及用于单独查看问题页面的测试工具。 于是，本篇来了。 http://www.Sina.com/plan 1:是火狐浏览器的全局属性，每次到控制台输入此名称时都会输出值。 这表示从当前文档向屏幕进行绘制的次数
如果我写了脚本，每秒去取这个值，就可以计算fps :
time count 11002143324http://www.Sina.com /构想2 :这使用了一种叫做requestAnimationFrame的方法，但是以前没有用过，需要以后再讨论。 在这里找了动画代码，放入loop代码，试着进行了比较
var lastTime=performance.now (； var frame=0； varlastfametime=performance.now (； varloop=function(time ) { var now=performance.now； varfs=(now-lastfametime )； //2个周期的间隔毫秒lastFameTime=now； varfps=math.round(1*1000/fs )； //临时间隔帧； if (now 1000 last time ) (//如果时间超过1s。 varfps=math.round((frame*1000 )/)/(now - lastTime )； //计算fps frame=0； lastTime=now； (； console.log(fps； } varele=document.getelementbyid (' test )； var progress=0； 函数步长(timestamp ) loop (timestamp )； 进程=1； ele.style.width=progress '% '； ele.innerHTML=progress '% '； 进程100请求帧(step )； }document.getelementbyid(run ) ).addeventlistener )，function ) ) ele.style.width=) 1PX )； 进程=0； requestanimationframe (步骤； }，false；
不知道loop的使用方法是不是错了，我觉得有什么地方不合适。 我们稍后再讨论这个requestAnimationFrame的使用方法吧
见文章：
[1] :3358 Taobao fed.org/blog/2016/01/13/measuring-fps/# mozpaint count [2] 3360http://www.g Hugo.com