javascript - 为什么启用 Paint Flashing 会显着提高帧率？

Question

This is the code in question.但是，我可以在大多数网站页面上展示相同的效果，此页面就是其中之一。

当使用 google chrome 内置的 FPS 仪表测量帧率时，帧率在 15 到 35 之间。但是，当启用 Paint Flashing 时，帧率(几乎)稳定在 60fps。

我正在使用 User Timing API 来测量运行动画 javascript 所花费的时间，并且在启用或不启用 Paint Flashing 的情况下似乎没有明显的区别。

我已经使用 Google Chrome Beta 版本 52.0.2743.41 beta(64 位，Arch Linux)和版本 52.0.2743.116 m(64 位，Windows 10)进行了测试，结果是一致的。

所以，我有两个问题:

1. 为什么会这样
2. 如果这可以提高页面的性能，为什么在 chrome 的正常呈现过程中不存在？

图片:

没有油漆闪烁:

油漆闪烁:

Answer 1

这个问题已经存在一年多了，and has been marked "WontFix".合成器中的 FPS 仪表设计为在它之前接收系统中的任何其他工作，包括油漆闪烁。 Chromium 的开发人员需要转向基于 RAF 或其他形式的 FPS 计数才能避免遇到此问题。