FPS 在线测试：帧率、1% 低点和卡顿

此 FPS 测试如何测量帧速率

先进的在线 FPS 测试，可测量每次屏幕刷新时的真实浏览器帧速率。实时 FPS 仪表会立即启动并自动检测显示器的刷新率（60、120、144、165、240 Hz 等）。运行 10、30 或 60 秒基准测试，了解平均 FPS、1% 和 0.1% 低点、稳定性、丢帧和第 50/95/99 个百分点的帧时间，观看实时帧时间图表，并排比较 15、30、60 和全 FPS 下的运动平滑度，并以五个压力级别对 CPU (Canvas 2D) 或 GPU (WebGL 着色器) 施加实际负载。它还显示您的 GPU、CPU 线程和屏幕，并在本地保存您的最佳结果。

浏览器绘制与显示器刷新同步的新帧（垂直同步），并通过 requestAnimationFrame 公开每个帧的时间戳。该工具记录每帧之间的准确时间，因此这些数字是测量的，而不是估计的：FPS 是 1000 ÷ 平均帧时间，每个卡顿都显示为长帧。它首先在空闲帧上进行校准以检测刷新率，忽略隐藏选项卡造成的间隙，并每秒更新实时仪表四次。由于浏览器会根据您的刷新率限制动画，因此完美分数等于显示器的 Hz，而不是像游戏内基准测试那样无限的数字。

特征

始终在线的 FPS 仪表：实时 FPS 计数器和每帧毫秒读数立即启动，并带有一个色环，显示您与刷新率的接近程度。
刷新率检测：根据实际帧时序自动检测 60、75、90、120、144、165、240 Hz 及更高的显示器。
计时基准：10、30 和 60 秒的跑步（或无限制），具有从完美到挣扎的等级以及每个持续时间和负载的个人最佳成绩。
专业帧指标：平均、峰值和最低 FPS、1% 和 0.1% 低点、稳定性得分、丢帧和卡顿。
帧时间百分位数：中位数 (P50)、第 95 和 99 个百分位数帧时间（以毫秒为单位），审阅者使用的数字。
实时帧时间图：最后 180 帧为条形图，具有 60 Hz/刷新和 33 ms 指导线；口吃以红色突出显示。
运动比较通道：同一物体以 15、30、60 和全刷新率移动，以三种速度查看和比较平滑度。
CPU 和 GPU 压力测试：Canvas 2D 粒子（600 到 16,000 个对象）或跨五个负载级别的 WebGL 着色器 (GPU)。
系统信息：GPU 渲染器、浏览器、屏幕分辨率和像素比、CPU 线程和设备内存。
历史记录、共享和全屏：保存基准历史记录、一键结果共享和全屏模式；自动排除隐藏选项卡暂停。

如何使用帧率测试

1
观看实时仪表
页面加载后，FPS 环就会启动并检测显示器的刷新率。一个健康的系统就是这个数字或非常接近这个数字。
2
选择基准长度
选择 10、30 或 60 秒进行评分跑步，或选择 ∞ 进行记录，直到按“停止”。运行时保持此选项卡可见。
3
添加 CPU 或 GPU 负载（可选）
在渲染压力阶段，选择 CPU（Canvas 2D 粒子）或 GPU（WebGL 着色器）以及从 Light 到 Extreme 的级别，以查看您有多少净空。
4
运行并读取结果
按运行基准测试。您将获得平均 FPS、1% 和 0.1% 低点、稳定性、丢帧和 P50/P95/P99 帧时间以及等级。
5
比较运动和历史
使用运动通道查看 15、30 和 60 FPS 与完全刷新率的比较，并检查历史表以比较运行。

常见用例

检查 120 Hz、144 Hz 或 240 Hz 显示器是否确实在浏览器中以其完全刷新率运行
即使平均 FPS 看起来不错，也可以通过 1% 和 0.1% 的低点和帧时间百分位来诊断卡顿
使用 WebGL 对笔记本电脑 GPU 进行压力测试，并观察 60 秒运行期间的热节流情况
使用相同的基准设置比较浏览器或硬件加速的开启与关闭
在购买高刷新显示器之前，请并排查看 30、60 和 144 FPS 之间的明显差异
测量扩展程序、后台选项卡或省电模式的 FPS 成本
与支持人员或朋友分享快速、可重复的帧速率结果

详细指南

平均 FPS 与 1% 最低值与帧时间百分位数的比较

平均 FPS 隐藏了卡顿。如果 99 帧需要 7 毫秒，一帧需要 60 毫秒，那么平均值看起来仍然不错，但您会感到困难。 1% 低和 0.1% 低显示最慢 1% 和 0.1% 帧的 FPS，P95 和 P99 帧时间显示最慢帧花费的时间。所有这些都接近您的刷新率意味着真正流畅的运动。

公制	它告诉你什么	良好的结果（144 Hz 显示）
平均帧率	整体帧率	140+
低1%	最差 1% 帧期间的 FPS	120以上
低0.1%	罕见的严重故障	90以上
P99帧时间	99% 的帧都比这个快	10 毫秒以下
稳定	帧节奏的均匀程度 (0-100%)	90%+
丢帧	刷新后没有新框架	接近0

帧时间与FPS换算表

帧时间是 FPS 的倒数。帧时间图在刷新间隔和 33.3 毫秒 (30 FPS) 处绘制一条指导线；绿线上方的条是延迟的帧，红色条是花费时间超过应有时间两倍的帧。

刷新率/FPS	帧时间
30	33.3 ms
60	16.7 ms
75	13.3 ms
120	8.3 ms
144	6.9 ms
165	6.1 ms
240	4.2 ms
360	2.8 ms

查看差异：15 vs 30 vs 60 vs 144 FPS

运动比较面板以相同的速度在屏幕上移动相同的对象，但每个通道仅以自己的帧速率更新：15、30、60、刷新率的一半（在 120 Hz+ 屏幕上）和完整刷新率。较低的车道以可见的步骤跳跃，而底部的车道则滑行。如果您的 60 FPS 通道和“您的显示器”通道在 144 Hz 显示器上看起来相同，则屏幕可能在操作系统中设置为 60 Hz，或者电缆不支持高刷新。

浏览器中的 CPU 与 GPU 压力测试

CPU 模式可对 600 到 16,000 个单独绘制的 Canvas 2D 粒子进行动画处理，从而加载主线程和合成器。 GPU 模式渲染全屏 WebGL 片段着色器，其每像素工作随着每个级别的增加而增加，从而加载显卡。观察随着负载的增加，平均 FPS 和 1% 最低值下降的速度有多快：台式机 GPU 通常保持刷新率的时间远远长于集成笔记本电脑 GPU，并且 60 秒的重度运行是发现热节流的快速方法，因为 FPS 随着时间的推移而衰减。

为什么我的 FPS 低或有上限？

如果在高刷新显示器上结果停留在 60，请在 Windows 显示设置或 macOS 显示中将显示器设置为最大刷新率，使用 DisplayPort 或高速 HDMI 电缆，并禁用省电模式。如果 FPS 远低于刷新率，请确保在浏览器设置中启用硬件加速，关闭繁重的选项卡和扩展程序，更新图形驱动程序，并将笔记本电脑插入电源。 Safari 和某些移动浏览器也可能会限制低功耗模式下的帧速率。

检查坏点测试您的网速

常见问题

我如何在线查看我的FPS？

只需打开此页面：实时 FPS 仪表立即启动并显示您当前的帧速率和每帧的毫秒数。按运行基准获得定时、分级的结果，具有 1% 的低点和帧时间百分位。

为什么我的 FPS 上限为 60（或我的刷新率）？

浏览器将动画同步到显示器（垂直同步），因此最大 FPS 等于显示器的刷新率。如果您有 120/144 Hz 显示器，但看到 60，请在操作系统设置中将显示器刷新率设置为最高，检查电缆并禁用省电模式。

1% 和 0.1% 低点是多少？

它们是最慢 1% 和 0.1% 帧期间的帧速率。他们揭示了普通人隐藏的口吃。您的最低点越接近平均水平，运动感觉就越平滑。

什么是好的 FPS 测试结果？

平均刷新率（或几 FPS 之内），高于大约 85% 的 1% 低点，稳定性超过 90%，并且很少或没有丢帧。该工具会自动将其从“完美”评定为“挣扎”。

CPU和GPU压力测试有什么区别？

CPU 模式绘制数千个 Canvas 2D 粒子，加载处理器和合成器。 GPU 模式在每个像素上渲染重型 WebGL 着色器，加载显卡。使用两者来查找系统的哪个部分限制帧速率。

此 FPS 测试能否检测我的显示器的刷新率？

是的。它测量空闲帧之间的中值时间，并将其调整为常见的刷新率，如 60、75、120、144、165 和 240 Hz。对于专门的检查，请尝试刷新率测试。

我能看出 30、60 和 144 FPS 之间的区别吗？

是的。运动比较面板以 15、30、60 和全刷新率并排移动相同的对象，速度可调，因此您可以亲自看到平滑度差异。

为什么我会收到有关选项卡被隐藏的警告？

浏览器在后台选项卡中暂停动画。测试会自动排除这些间隙，但为了获得最准确的结果，请在整个运行过程中保持选项卡可见并位于前面。

有什么东西上传了吗？

不会。所有测量都在您的浏览器本地运行。您的最佳成绩和历史记录仅存储在浏览器的本地存储中。

为什么我的 FPS 在 144Hz 显示器上上限为 60？

浏览器可能受到垂直同步、省电设置或显示器的活动刷新率的限制。检查您的操作系统和浏览器是否设置为较高的速率。

这会测试我的整个计算机吗？

否：它测量浏览器的渲染性能，反映但并不等同于全系统或本机游戏 FPS。

FPS 测试：检查您的浏览器帧速率和 1% 低点

此 FPS 测试如何测量帧速率

特征

如何使用帧率测试

观看实时仪表

选择基准长度

添加 CPU 或 GPU 负载（可选）

运行并读取结果

比较运动和历史

常见用例