如何远程测量 HTML5 游戏的视觉渲染性能？

问：

我有一个简单的HTML5游戏，它使用JavaScript和CSS动画。尽管它在视觉上很简单，但性能一直是一个挑战，因为页面上的广告有时会对它产生负面影响，甚至使渲染器崩溃。

我正在寻找方法来测量最终用户所经历的性能指标（FPS、崩溃、卡顿、抖动、滞后），并将其作为匿名遥测数据发送回去。在不设置物理设备场的情况下实现此目的的最佳方法是什么？是否有特定的 JavaScript API 或工具推荐用于此目的？

当前的设置和挑战：

• 该游戏是基于浏览器的，带有 JavaScript 和 CSS 动画。
• 我无法控制所展示的广告、它们的视觉复杂性，或者它们延迟或中断核心游戏动画的能力。
• 页面上有多个广告。
• 我观察到崩溃，尤其是在 iOS Safari 上，我怀疑这可能与广告有关。
• 我还没有找到一种方法来告诉渲染器将我的页面的渲染性能优先于广告。