浏览器帧率测试

在线测试浏览器 FPS,增减小球观察掉帧,并对比不同帧率的动画流畅度。

持续压力测试

— FPS当前浏览器 FPS
准备中…0.0 s
FPS最近 15 秒 · 250 毫秒平均
806040200
开始测试后显示 FPS 曲线
-15 s-12 s-9 s-6 s-3 s现在

请从少量小球开始,逐步增加,不要一次拖到很高。数量越多,设备负载越大;出现明显卡顿时,请减少小球或停止测试。

020,000

画面中有 0 个小球,目标为 200 个;开始或继续测试以完成加载。

你的设备

浏览器
—
系统
—
屏幕尺寸
—CSS 像素
页面视口
—CSS 像素
像素比(DPR)
—

尺寸以 CSS 像素显示,不代表屏幕物理分辨率。

帧率对比

各档速度相同,只改变更新频率;高档位仍受浏览器实际帧率限制。

旋转

相同转速,对比流畅度

15 FPS

30 FPS

60 FPS

120 FPS

240 FPS

从左到右

相同移动速度,对比流畅度

15 FPS

30 FPS

60 FPS

120 FPS

240 FPS

正在准备对比

浏览器帧率— FPS

FrameTest 可以帮你检查什么?

FrameTest 是免费的在线浏览器帧率工具。小球测试增加页面负载,帮助观察浏览器是否反复掉帧;帧率对比演示让你直接比较不同 FPS 的流畅度。两个区域分开运行,方便把负载测试与视觉对比分开看。

如何使用帧率测试

  1. 先用较少的小球开始测试;想看无小球负载的读数,可将数量调到 0。保持当前标签页可见。

  2. 拖动滑块增加小球,观察 FPS 是保持稳定,还是随数量增加而下降。

  3. 点击“停止测试”查看本轮结果。想比较另一种设置,点击“重新测试”。

如何看结果

平均 FPS
整轮测试的平均值,包含调整小球前后的数据。想比较两种设置,请分别重新开始一轮测试。
最低 / 最高 FPS
按约 0.1 秒的小段统计,取其中最低和最高的帧率。平均值看着正常时,较低的最低 FPS 可以帮助发现短暂卡顿。
帧时间
浏览器两次动画更新之间的平均间隔。数值越小,更新越频繁。60 FPS → 16.7 ms · 120 → 8.3 ms · 240 → 4.2 ms
帧率下降
曲线下降表示那段时间更新变慢了。试着减少小球,再测一次,看看是否还会反复下降。

帧率测试常见问题