FPS 测试
测量浏览器在播放数千个粒子动画时每秒绘制多少帧。选择负载等级,看看 FPS 能否保持在屏幕刷新率,还是会下降。
如何解读: 浏览器绘制的速度永远不会超过屏幕刷新,所以空载时这里显示的就是刷新率(精确测量请用 刷新率测试 )。有负载时,FPS 低于刷新率说明浏览器没能按时画完每一帧。1% Low 是最慢 1% 帧对应的帧率,能看出被平均值掩盖的卡顿。这是浏览器标签页里的 2D canvas 绘制,不是游戏基准测试。
这个 FPS 测试在 canvas 上播放粒子动画,测量浏览器每秒能画出多少帧。空载时它显示的是屏幕刷新率。提高负载后, 可以看出设备是否跟得上,而 1% Low 能揭示被平均值掩盖的卡顿。
数字如何计算
平均 FPS = 帧数 ÷ 秒数
1% Low = 1000 ÷ 最慢 1% 帧的平均时间(毫秒)
测试保留最近 3000 帧的帧时间。例如:稳定 60 FPS 时每帧 16.7 毫秒。如果最慢的 1% 帧平均 25 毫秒, 1% Low 就是 1000 ÷ 25 = 40 FPS。粒子按时间而不是按帧移动,所以较慢的设备会用更少的帧呈现同样的运动,和游戏一样。
如何解读结果
| 你看到的情况 | 含义 |
|---|---|
| 任何负载下 FPS 都等于刷新率 | 设备在这类绘制上还有余量 |
| 负载越高 FPS 越低 | 在该负载下浏览器来不及画完每一帧 |
| 平均正常,1% Low 低很多 | 偶尔有很长的帧:后台任务、省电或繁忙的标签页 |
| 最慢一帧超过 100 毫秒 | 测试期间出现了明显的顿卡 |
影响结果的因素
- 刷新率:这是上限。请用刷新率测试查看。
- 电源设置:笔记本的省电模式常常限制帧率。
- 硬件加速:如果在浏览器设置中关闭,绘制会改由处理器完成,FPS 会更早下降。
- 其他标签页和程序:任何繁忙的任务都会争抢同样的处理器时间。
- 浏览器:不同浏览器绘制 canvas 的速度不同,比较时请使用同一个浏览器。
FPS 测试常见问题
这个 FPS 测试测的是什么?
浏览器在 canvas 上播放一定数量粒子动画时,每秒能绘制多少帧。每一帧就是浏览器的一次动画回调。
为什么 FPS 卡在 60、144 或其他整数?
浏览器绘制的速度不会超过屏幕刷新,所以轻负载时 FPS 等于刷新率。这是上限,并不说明电脑慢。
什么是 1% Low?
最慢的 1% 帧对应的帧率。如果平均 144 FPS 而 1% Low 只有 40,说明有少数帧比其他帧慢得多,看起来就是卡顿。
它能预测我在游戏里的 FPS 吗?
不能。游戏使用显卡的方式和浏览器里的 2D canvas 很不一样。请用游戏自带的基准测试或游戏内帧数显示。这个测试适合比较浏览器、电源设置或不同设备。
为什么提高负载后 FPS 会下降?
每一帧都要把每个粒子画出来。当浏览器不能在一个刷新间隔内画完一帧,就会错过这次刷新,FPS 随之下降。
为什么拔掉电源后笔记本的结果变了?
省电模式和电源计划会降低处理器速度或限制浏览器帧率。插上电源测试结果最好。
为什么切换标签页会影响读数?
浏览器会暂停隐藏标签页中的动画。测试会跳过这段空档,但要得到干净的结果,请保持标签页在前台。
更新于 2026 年 10 月。