Chrome的帧率计，怎么解释？

Question

我正在玩Chrome的FPS计量器，但我有一些理解它的困难。

我的理解是Chrome的目标是60帧/秒，越高越流畅。然而，我看到一些网站的帧率降到了1fps，但我并不觉得它很慢。

例如，这是谷歌自己的搜索页面上的屏幕截图。帧速率是4.7fps，然后当我开始滚动页面时，帧速率似乎高达30甚至59。页面在整个过程中响应性很好。

那么如何使用这个帧率呢？对于监控页面的流畅度似乎没有用。

​

​

Answer 1

Google搜索页面是静态的(当你没有滚动的时候)。唯一的动态是悬停链接，但它没有动画，例如react组件。因此，Chrome不必以每秒60fps的速度渲染页面以节省电力。

如果你访问一个带有动画对象like this site的网站，你可以看到chrome真的只会在被强制的时候渲染新的帧。因此，如果你的动画需要恒定的60帧/秒，铬会渲染它们，但如果它是一个带有暂停的动画(就像在示例页面中)，铬会尽量减少所用的电量。