刷新率测试
测量你的屏幕实际绘制的每秒帧数——那块144Hz的显示器真的在以144Hz运行吗?
如何使用 刷新率测试
- 让这个标签页保持在前台,然后点击"测量"。
- 让它静置三秒钟,期间它会统计帧数。
- 查看结果——它应该与你的显示设置相符。
关于 刷新率测试
买了一台120Hz的手机或144Hz的显示器,想知道它是否真的以那个刷新率运行?这款工具会统计三秒钟内的requestAnimationFrame回调次数,并以Hz为单位报告结果,同时给出帧数以及帧与帧之间的典型间隔(以毫秒为单位)。
核心数值来自帧间隔的中位数而非平均值,这是刻意的设计。页面加载稳定期间一次卡顿就会拉低平均值,让一块完全正常的144Hz屏幕看起来像是110Hz。中位数会忽略那一次异常帧,报告你真正获得的刷新率,而平均值仍会一并显示在下方,方便你对比两者。
需要如实说明的局限是:这测量的是浏览器绘制的速度,通常与你的显示屏一致,但并不保证一定如此。后台标签页会受到严重的性能限制,因此请让这个标签页保持在前台,三秒测量期间不要切换到其他窗口。有些浏览器和某些省电模式会将动画上限设为60fps,无论面板本身能达到多高;手机也可能为省电而自行降到更低的刷新率。如果数值低于预期,先排查这些因素,再考虑是否是硬件问题。屏幕分辨率检测和设备信息可以补全其余的信息。
常见问题
这是如何测量我的刷新率的?
它会在三秒钟内,针对每一帧向浏览器请求一次动画回调,记录每次回调之间的间隔,然后将间隔的中位数换算为以Hz为单位的数值。60Hz屏幕的间隔接近16.7毫秒,120Hz接近8.3毫秒,144Hz则接近6.9毫秒。
为什么使用中位数而不是平均值?
因为一次小卡顿就会毁掉平均值。如果页面在某次加载时卡顿了100毫秒,平均值会明显下降,让一块健康的屏幕看起来像出了故障。中位数帧间隔会忽略这种情况,报告几乎每一帧的真实表现。平均值仍会一并显示,方便你判断这次测试是否波动较大。
我的120Hz屏幕显示60Hz,是坏了吗?
通常不是。请检查测试全程标签页是否都在前台,设备是否处于省电模式,以及显示设置中是否已开启高刷新率选项。有些浏览器无论面板本身如何都会将动画上限设为60fps,这种情况下屏幕本身没有问题,浏览器才是限制所在。
我需要让标签页保持在前台吗?
需要。浏览器会限制后台标签页的动画帧率以节省电量,因此测试过程中切换到其他窗口会得出没有意义的偏低数值。开始测试后请三秒内不要离开该页面。
这和我显示器设置中的刷新率是一回事吗?
这是浏览器实际达到的绘制速率,通常与显示屏设置的刷新率相同,但并非直接从显示屏本身读取。如果浏览器或操作系统限制了帧率,该工具报告的就是这个上限,因为这正是你屏幕上真实呈现的效果。