google-chrome - Chrome的帧率计，如何解读？

Question

我正在使用 Chrome 的 FPS 计，但在理解它时有些困难。

我的理解是 Chrome 以 60 FPS 为目标，越高越流畅。
但是，我看到某些站点的帧速率下降到 1 fps，但我并不觉得它很慢。

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

那么如何使用这个帧率呢？对于监控页面平滑度似乎没用。

Answer 1

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

如果您访问带有动画对象的网站，请亲自尝试 like this site
您可以看到 chrome 仅在强制时才渲染新帧。因此，如果您的动画需要恒定的 60 fps，chrome 会渲染它们，但如果它的动画带有暂停(如示例页面中)，chrome 会尝试最小化使用的功率。