三个读数的含义

测试会显示三个数值。综合分析这些数值，即可了解显示器的实际运行状况，以及测试本身是否跟上了显示器的节奏。

屏幕分辨率

这是显示器的像素尺寸，经设备像素比（DPI）换算后得出，因此高密度屏幕会显示其真实原生数值，而非CSS近似值。分辨率本身不会影响流畅度，但会影响帧率：每帧像素越多，处理负担越重，因此在相同硬件配置下，极高的分辨率可能会拉低帧率（FPS）。

屏幕帧率

核心指标——浏览器实际渲染并输出至显示器的每秒帧数。在正常配置下，该数值应接近面板的刷新率：60 Hz 屏幕约为 60，120 Hz 屏幕约为 120，144 Hz 屏幕约为 144。如果该数值远低于标称刷新率，则瓶颈位于显示屏上游；下文“为何帧率低于刷新率”一节将详细说明常见原因。

测试帧率

这是测试本身动画的运行帧率。通过“Canvas FPS”控件，您可以有意识地限制该数值——这有助于放慢动画速度并研究单帧画面。如果您未调整该控件，该数值应与屏幕帧率保持高度一致。如果数值远低于屏幕帧率，则说明页面本身资源不足，通常是由于后台加载或某个标签页运行繁忙所致。

如何获得准确读数

测试会在页面加载完成后立即开始，并持续更新。只需几个步骤，即可确保读数的可靠性：

首先在操作系统的显示设置中将屏幕刷新率设为最高，以便测试能达到显示器的实际上限。Windows 和 macOS 系统出厂时，新显示器的默认刷新率往往比人们预期的要低。我们的《如何检查刷新率》指南详细介绍了操作步骤。
使用画布下方的按钮进入全屏模式。这将移除浏览器边框和其他页面元素，从而获得最纯净的测试结果。
关闭占用资源较多的后台标签页。视频通话、流媒体以及任何运行 WebGL 的程序都会与测试程序争夺同一块 GPU 的资源。
将笔记本电脑连接电源。省电模式会限制 GPU 性能并降低刷新率，且通常不会提示用户。
请等待几秒钟让系统稳定下来，再参考显示的数值。
请尝试两种动态模式。经典模式会在画布上横向移动两个矩形；横向模式则滚动显示一个随时间变化的像素艺术场景。两种模式每帧都会前进固定数量的像素，因此运动效果完全均匀，若您看到任何不均匀现象，那是显示器的问题，而非测试本身。

帧率、FPS 与刷新率

有三个数值决定着画面运动效果，它们很容易被混淆。帧率（通常写作 FPS）是指系统每秒生成的图像数量。刷新率（以赫兹为单位）是指屏幕每秒能够物理重绘的次数。这两者相互影响，且较低的那个数值决定了上限：在 60 Hz 的面板上，即使显卡渲染 200 FPS，显示帧率仍为 60；而向 144 Hz 的屏幕输入 40 FPS 时，系统会简单地重复显示帧。

帧时间则是将同一信息以持续时间的形式表达——即每帧所占用的毫秒数。这种理解方式通常更为实用，因为60 FPS与120 FPS之间的差距远大于120 FPS与240 FPS之间的差距，而帧时间能让人一目了然地看出这一点：

刷新率	帧时间	通常出现在
30 Hz	33.3 毫秒	游戏主机视频、较旧的HDMI连接
60 Hz	16.7 毫秒	标准办公显示器、大多数笔记本电脑
90 Hz	11.1 毫秒	中端手机和平板电脑
120 Hz	8.3 毫秒	现代智能手机、电视、游戏本
144 Hz	6.9 毫秒	常见游戏显示器标准
240 Hz	4.2 毫秒	竞技电竞显示器

帧率从60 FPS降至30 FPS，每帧会损失16.7毫秒。而从144帧提升到240帧则能节省2.7毫秒。这就是为什么从60帧提升到120帧的体验非常明显，而从144帧提升到240帧的体验却不太明显。

为什么我的帧率（FPS）低于刷新率？

这是人们进行帧率测试的最常见原因，而显示为 60 FPS 的 144 Hz 显示器几乎绝非面板故障。请按以下顺序排查：

显示器未设置为最高刷新率。这是迄今为止最常见的原因。Windows 和 macOS 通常会将新显示器的默认刷新率设为 60 Hz，即使该显示器支持更高的刷新率，且界面中没有任何提示。
浏览器中的硬件加速功能已关闭。若关闭此功能，渲染将回退到 CPU 处理，帧率会急剧下降。在 Chrome 中，该设置位于“设置”→“系统”下。
线缆或接口是瓶颈。高分辨率下的高刷新率需要 DisplayPort 或最新版本 HDMI 提供的带宽。旧款线缆会自动降频至 60 Hz，且不会提示用户。
节能模式正在限制你的刷新率。笔记本电脑在电池供电时通常会限制刷新率以延长续航时间，而过热的设备无论连接何种电源都会自动降频。
浏览器正在限制自身的动画效果。某些浏览器会将后台或非活动标签页的帧率限制在较低水平。请确保测试标签页处于焦点状态并位于前台。
VSync 或帧率限制功能正在有意限制帧率。读数始终固定在 60 的情况通常是受限所致，而非运行不畅。

如果数值看起来正确但画面运动仍感觉卡顿，原因在于帧率的一致性而非原始速度。即使平均帧率稳定在120，但偶尔出现延迟帧，画面仍会卡顿，因为流畅的运动取决于均匀的帧时序，而不仅仅是高帧数。卡顿测试能直接揭示这一点。

此测试如何测量帧率

该测试通过 requestAnimationFrame，即浏览器自身的动画回调函数，该函数在每个显示刷新周期中触发一次。通过在短时间内统计这些回调次数，即可得出浏览器实际输出的每秒帧数。

有两点需要坦诚说明。首先，由于浏览器会自行合成输出内容，因此这只是近似估算而非实验室级测量——其精度足以验证刷新率、比较两块屏幕以及诊断问题，但不能替代示波器。其次，此测试测量的是浏览器帧率。它反映了您的显示器和系统渲染路径的情况，但并非游戏基准测试；若要获取游戏内的帧率（FPS），您需要使用游戏自带的计数器或监控工具等叠加层。

超越帧率：动态画面的其他要素

高帧率是实现流畅运动的必要条件，但并非充分条件。还有其他几项显示特性决定了屏幕在动态画面中的实际表现，本文针对每项特性都设有相应的测试。

运动模糊测试——即使帧率完美，屏幕仍会使移动的细节产生拖影，因为每帧画面保持静止，而你的视线却在持续移动。此测试旨在测量这种残像模糊以及任何重影现象。
帧跳过测试——某些面板会悄无声息地丢弃其声称要显示的帧，尤其是在超频状态下。基于摄像头的测试模式能捕捉到软件无法检测到的现象。
画面撕裂测试——当帧与刷新率不同步时，画面会沿一条移动的水平线分裂。该测试可验证垂直同步（VSync）或可变刷新率技术是否正常工作。
卡顿测试——实时帧时图和卡顿计数器会揭示隐藏在高平均帧率背后的延迟帧。
滚动流畅度测试——滚动是您最常遇到的动态操作，此测试用于衡量浏览器呈现滚动效果的平滑程度。

常见问题

如何确认我的显示器是否真的是 144 Hz？

在操作系统设置中将显示频率设为 144 Hz，然后关闭其他标签页，以全屏模式运行此测试。若屏幕帧率（FPS）读数接近 144，则说明面板确实能输出该刷新率。若读数为 60，请排查上述原因——大多数情况下是线缆或操作系统刷新率设置导致的。

这个帧率测试准确吗？

这是一个准确的估算值。它测量的是浏览器渲染的每秒帧数，这与显示器的实际输出密切相关。由于浏览器会自行合成帧，因此这并非实验室级别的精确读数，但其可靠性足以用于验证刷新率、比较两台显示器以及诊断性能问题。

什么样的帧率算好？

60 FPS 是实现流畅、响应迅速的动态效果的公认基准。游戏玩家在高刷新率显示器上通常以 120、144 或 240 FPS 为目标，而电影以 24 FPS 播放，由于拍摄方式的缘故，看起来依然很流畅。合适的目标取决于您的显示器以及使用场景；我们关于帧率概念的指南详细介绍了其中的权衡关系。

帧率越高，画面效果就越好吗？

仅在显示器刷新率范围内成立。在 60 Hz 的屏幕上渲染 200 FPS 不仅会浪费电量，且无法带来肉眼可见的提升，因为面板最多只能显示 60 FPS。请根据您拥有的显示器设定目标帧率，并通过我们的刷新率指南确认其支持范围。

这个测试在手机上有效吗？

可以。这是验证宣传为 90 Hz 或 120 Hz 的手机是否真正以该帧率运行的有效方法——许多手机在开启省电模式时会降至 60 Hz，或者根据屏幕内容自适应调整帧率。

为什么我的帧率（FPS）一直在变化？

轻微波动属正常现象；该数值是在短时间内采样得出的，后台活动会导致数值波动。大幅波动则表明有其他进程在争夺GPU资源，或者可变刷新率功能正在实时调整屏幕刷新率。

帧率测试——在线检测显示器的实际帧率

矩形1

矩形2

画布背景

其他设置

速度

更新频率