测试你的屏幕FPS

欢迎！此 帧率测试旨在帮助您观察和调整各种视觉参数（颜色、大小、速度等），同时监控您的浏览器或设备的 FPS（每秒帧数） 表现。请注意，本 FPS 测试中的所有测量均为近似值，可能会受到您的浏览器、操作系统和硬件的影响。请将此测试作为参考，而非您屏幕性能的绝对测量。

如何解读我们的帧率测试

• 两个矩形从 从左向右穿过画布，经过右侧边缘后从左侧重新进入。
• 请注意：
  1. 平滑度与卡顿或抖动之间的差异。
  2. 在高速或性能较低时可能出现的跳帧现象。
  3. 尺寸/不透明度的变化是否会影响性能。

警告：此 FPS 测试中测得的 FPS 和分辨率值可能与您的硬件性能不完全一致。每个浏览器或设备都有各自的限制，因此请将这些数值视为近似值。

如何使用及读取帧率测试

初步观察

• 观察此 帧率测试中矩形的移动。注意运动是否流畅或断断续续。

尝试调整关键设置

• 增加或减少 速度，观察运动流畅度如何变化。
• 修改 画布 FPS，限制每秒更新位置的次数。
• 改变 不透明度和 颜色，看看部分透明或不同色调是否影响性能。

监控“屏幕测得 FPS”

• 如果测得的 FPS 一直低于您显示器的刷新率（通常为 60Hz），则可能是浏览器或硬件性能的限制。

关注性能变化

• 高分辨率、大矩形尺寸或部分透明可能会降低您的 FPS。
• 观察 “工具 FPS” 比率，以查看测试是否达到预期的帧数目标。

了解我们帧率测试的设置

1. 屏幕指标

屏幕分辨率

• 显示您的屏幕或浏览器窗口的宽度 × 高度，再乘以设备像素比。
• 例如： “1920 x 1080” 表示您的显示器大约为 1920 像素宽、1080 像素高。

测得的屏幕 FPS

• 显示您的浏览器在此 帧率测试 中渲染的 估计 每秒帧数（FPS）。
• 较高的数值（例如 60.00 或 144.00）通常表示动画更流畅。
• 显著低于显示器刷新率的数值可能表明浏览器限制或系统瓶颈。

工具 FPS

• 显示 实际测得的 FPS 与您在 “画布 FPS” 中设置的 期望（逻辑） FPS 之间的比例。
• 1.00 表示此 FPS 测试正在以所请求的速率运行。
  • 大于 1.00 的数值表示运行速度快于预期；小于 1.00 则较慢。

2. 全屏与重置

全屏按钮 (“⛶”)

• 点击可将 帧率测试切换到全屏模式，以获得更清晰的视图。
• 按 ESC 或同一按钮退出全屏模式。

重置设置

• 点击 “重置设置” 将所有内容恢复为默认状态，并清除任何保存的 Cookie 偏好。
• 之后重新加载页面将以全新设置启动此 FPS 测试。

3. 矩形控制

画布上有两个矩形（矩形 1 和 矩形 2）从 从左向右移动。每个矩形具有以下与 FPS 测试 相关的属性：

A) 颜色

颜色预设

• 可选颜色包括黑色、白色、红色、绿色、蓝色、黄色、品红、青色。
• 所选颜色的标签会以绿色边框高亮显示。

B) 大小

宽度（默认 30px）

• 使用 – 或 + 以 5px 为步长进行调整。
• 增加宽度会使矩形水平变得更粗。

高度（默认 300px）

• 使用 – 或 + 以 5px 为步长进行调整。
• 较高的数值使矩形更高；较低的数值使其更矮。

C) 不透明度

不透明度（默认 100%）

• 范围从 0%（完全透明）到 100%（完全不透明）。
• 使用 –/+ 以约 5% 为步长调整。

注意：矩形 1 和 矩形 2 拥有 完全相同 的控制设置。您可以将它们区分开，或使其相同，以观察是否影响 帧率测试 的性能。

4. 画布背景设置

背景颜色预设

• 画布背景的颜色选项类似（黑色、白色、红色、绿色、蓝色、黄色、品红、青色）。

背景不透明度（默认 100%）

• 控制背景颜色显示的实度或透明度。

5. 其他控制

间距（默认 50px）

• 以 5px 的步长调整矩形 1 和 矩形 2 之间的水平间隔。

速度（默认 250px/s）

• 确定矩形移动的速度（以像素每秒为单位）。
• 较高的速度会使运动更快，从而更容易发现卡顿或延迟现象。

画布 FPS（默认 1）

• 重要： 这不是您屏幕的实际刷新率，而是此 帧率测试 每秒更新矩形位置的频率。
• 较高的数值（例如 2, 3, 4 或 5）意味着每秒 更新位置的次数更少（因此运动更“缓慢”或更分步）。
• 右侧显示的数字（例如 “100%”）仅仅是 100 / (画布 FPS 数值)，快速显示了全速的比例。
  • 例如，如果将画布 FPS 设置为 2，工具将以半速（50%）运行。

6. 保存与重新加载偏好设置

自动保存

• 您在本 帧率测试 中所做的每个更改都会存储在浏览器的 Cookie 中。
• 返回此页面时会自动加载上次使用的设置，因此您的 FPS 测试偏好将被保留。

重置

• 如果您想重新开始，请点击 “Reset Settings” 清除 Cookie 并加载默认设置。

在此 帧率测试中，尽情尝试不同的参数，看看您的浏览器和设备如何处理实时图形！请记住，这里的数值——特别是 FPS——只是 大致估计，可能无法代表您系统的全部性能。