渲染性能测试

浏览器 FPS 测试

通过实时动画测量浏览器帧率、帧时间稳定性和可能出现的掉帧。

平均 FPS—

最低 FPS—

可能掉帧0

采样帧数0

实时浏览器动画

这个工具测量什么

FPS 测试运行可见动画并记录每一帧的交付时间，通过平均帧率和长帧判断渲染是否稳定。

使用方法

如需干净基准，可先关闭占用较高的其他标签页。
启动五秒动画测试。
比较平均 FPS、最低瞬时 FPS 和可能掉帧数。

FPS 测试适用场景

排查网页动画卡顿
比较开启与关闭硬件加速的变化
确认高刷屏下浏览器是否能持续输出高帧率

FPS 与刷新率有什么区别

刷新率描述显示更新节奏，FPS 描述当前浏览器动画实际交付的帧数；两者可能相同，也可能因负载而不同。

多测几轮再判断

单次结果很容易受到操作节奏、页面状态或偶发卡顿影响。建议在相同条件下重复测试，重点看多轮结果是否接近。

比较时保持条件一致

比较设备或设置前后差异时，请保持浏览器、窗口大小、连接方式和电源模式一致，并且一次只改变一个条件。

帧率稳定

平均 FPS 接近刷新率、最低 FPS 不频繁下探，通常表示当前动画渲染顺畅。

掉帧较多

长帧可能来自后台程序、浏览器扩展、页面布局、GPU 驱动或节能限制。

测量限制

结果反映当前页面与浏览器会话，不等同于游戏基准测试或 GPU 压力测试。

隐私说明

所有测量都在浏览器本地完成，工具不会上传原始测试输入。

提高测试稳定性

保持标签页在前台

测试期间不要切换标签页或最小化窗口。浏览器可能限制后台页面的计时、动画和输入事件。

一次只改变一个条件

如果结果异常，先在相同条件下复测，再依次尝试关闭扩展、更换浏览器或调整连接方式，避免同时修改多个变量。

减少后台负载

关闭视频播放、下载任务和占用较高的标签页后重新测试。

做对照测试

在相同窗口大小、缩放和电源模式下比较不同浏览器或设置。

FPS 测试常见问题

网页测试能直接证明硬件故障吗？

不能。网页只能记录浏览器实际获得的输入、计时或设备参数，适合做对照排查，不能代替实验室仪器或厂商检测。

测试数据会上传吗？

测试结果在当前浏览器标签页内计算，工具不会上传原始按键、点击、画面或渲染数据。

网页 FPS 等于游戏 FPS 吗？

不等于。本页只测当前浏览器动画管线，不代表具体游戏的渲染负载。

为什么 FPS 不超过刷新率？

requestAnimationFrame 通常跟随显示刷新节奏，因此常见上限接近当前刷新率。