什么是Web应用程序中的60fps？

Question

当我读到性能（主要来自Paul Irish）时，它谈到了每秒达到60帧以提高Web应用程序的性能。

实际上60fps是什么意思？

Answer 1

帧速率（FPS，每秒帧数）是设备将连续图像显示到屏幕的速度。

动画要求显示的帧会产生运动错觉。如果FPS太低，动画将不会平滑，人眼可能会辨别出单个帧。

60 FPS是今天大多数显示器的刷新率（60hz），这是平滑滚动的理想目标。如果您不能以60 FPS为目标，则可以使用30 FPS。

在60 FPS时，你有16.7ms画一帧。在移动设备中，您需要8-10ms来绘制框架。

如果可以保持不变，30 FPS实际上是平滑的。如果它是可变的，人们会注意到一个问题。

在15 FPS或更低的速度下，人们会体验到生涩和抖动，并且参与度会下降。

帧速率很重要，可能会影响您的参与度。

请参阅下面的图片，了解FPS的含义以及如果FPS不同，用户会看到什么。