專業螢幕更新率測試工具
即時更新率偵測、幀時間一致性視覺化和三倍速動態方塊驗證。
精確幀率偵測
基於 requestAnimationFrame 的精確幀率計算，顯示當前、最大、最小和平均值。1 秒取樣間隔確保穩定可靠的數據。
動態方塊測試
三種速度（1x/2x/4x）同步滑動方塊。高更新率螢幕顯示清晰的方塊邊緣；低更新率則出現明顯殘影和動態模糊。
幀時間視覺化
即時幀間隔圖表直接反映幀率穩定性。均勻的綠色長條 = 穩定輸出；突然的紅色尖峰 = 掉幀 — 這比平均數更能揭示流暢度。
什麼是螢幕更新率？
了解 Hz、FPS 和幀時間的關係。
更新率（Hz）
螢幕每秒刷新畫面的次數，由硬體決定。60Hz = 每秒 60 次刷新（每幀 16.67ms）；144Hz = 每秒 144 次刷新（每幀 6.94ms）。更高的更新率 = 更流暢的動態和更低的輸入延遲。
幀率（FPS）
FPS 是 GPU 每秒渲染的畫面數。在瀏覽器中，FPS 受垂直同步限制 — 瀏覽器將渲染速率鎖定到螢幕更新率。因此本工具實質上測量的是螢幕的實際更新率。
幀時間
連續幀之間的時間間隔。60Hz 理想值：16.67ms；144Hz 理想值：6.94ms。幀時間一致性比平均 FPS 更重要 — 即使平均 60 FPS，頻繁的 30ms 尖峰也會造成卡頓。
如何測試更新率
三步驟驗證您的螢幕更新率。
確認系統設定
前往系統顯示設定，確認更新率設為最高。Windows：設定 → 顯示 → 進階；macOS：系統偏好設定 → 顯示器。許多高更新率螢幕預設 60Hz，需要手動切換。
檢查即時更新率
Hz 儀表板應穩定在您設定的更新率。如果設定 144Hz 但顯示 60，檢查線材規格（需要 DP 1.2+ 或 HDMI 2.0+）以及瀏覽器硬體加速是否啟用。
驗證動態流暢度
觀看動態方塊測試 — 在高更新率下，快速方塊應有清晰可辨的邊緣。如果看起來跟 60Hz 沒有差異，設定可能未生效或螢幕規格可能有誤導。
更新率規格說明
60 Hz（標準）
基準更新率。辦公、網頁瀏覽和影片觀看完全足夠。大多數內容以 24/30/60 FPS 製作，60Hz 完美涵蓋。幀間隔：16.67ms。
120/144 Hz（高更新率）
遊戲和高階顯示器的主流。比 60Hz 流暢 100-140% — 捲動網頁或玩遊戲時差異肉眼可見。幀間隔：6.94-8.33ms。
240 Hz（競技級）
專業電競選手使用。從 144Hz 到 240Hz 的提升不如 60→144 明顯，但在競技中每毫秒的輸入延遲降低都至關重要。幀間隔：4.17ms。
可變更新率（VRR）
G-Sync / FreeSync / HDMI VRR 技術動態匹配螢幕更新率與 GPU 輸出幀率，消除畫面撕裂和卡頓。瀏覽器垂直同步已能達到類似效果。
各使用場景的更新率需求
了解不同場景的實際更新率需求。
辦公與網頁
建議更新率：
• 升級到 120Hz 讓捲動和視窗操作明顯更流暢。
• 120Hz 以上對辦公幾乎無感知差異。
• macOS ProMotion 自適應更新率是理想方案。
遊戲（競技）
建議更新率：
• GPU 效能必須匹配 — 幀率應穩定達到更新率。
• 啟用 G-Sync/FreeSync 確保幀率波動時仍流暢。
• 反應時間同樣關鍵 — 1ms GtG 搭配高更新率效果最佳。
影片與電影
建議更新率：
• 60Hz 涵蓋所有主流影片內容需求。
• 120Hz 可整數倍顯示 24fps 和 30fps。
• 非整數幀率的高更新率顯示需要動態補幀（MEMC）。
行動裝置
更新率生態：
• Android 旗艦機常見 120Hz，部分支援 144Hz。
• 自適應更新率（LTPO）可在靜態內容時降至 1Hz 省電。
• 手機高更新率大幅提升捲動和動畫體驗。
確保高更新率已啟用
系統設定
手動將更新率設為最高。Windows 即使螢幕支援更高，也可能預設 60Hz。
線材規格
HDMI 2.0 最高支援 4K@60Hz；DP 1.4 支援 4K@120Hz。線材不足會靜默降低更新率。
硬體加速
確認瀏覽器設定中的硬體加速已啟用。關閉後幀率可能鎖定在 60Hz。
電源模式
筆電省電模式可能將更新率降至 60Hz。使用高效能模式。
常見問題
Q.為什麼我的螢幕是 144Hz 卻顯示 60Hz？
最常見原因：1) 系統顯示設定未切換到 144Hz（預設通常是 60Hz）；2) 使用 HDMI 1.4 線材（最高 1080p@120Hz）；3) 瀏覽器硬體加速未啟用；4) 筆電處於省電模式。
Q.瀏覽器測量準確嗎？
瀏覽器透過 requestAnimationFrame 回呼頻率間接測量，受垂直同步限制。正常條件下非常準確（±1-2Hz）。但背景分頁、系統高負載或瀏覽器省電策略可能導致讀數偏低。
Q.為什麼幀時間圖表有紅色尖峰？
紅色尖峰表示該幀渲染超過 20ms（掉幀）。常見原因：系統背景程式佔用 CPU/GPU、瀏覽器垃圾回收或其他分頁搶占資源。偶爾出現屬正常；頻繁出現影響流暢度。
Q.高更新率對眼睛有害嗎？
恰恰相反。高更新率減少閃爍和動態模糊，長時間使用較不易造成視覺疲勞。但高更新率不能取代護眼習慣 — 適當亮度、距離和休息習慣才是關鍵。
Q.60Hz 和 144Hz 的差異真的看得出來嗎？
肉眼可見的差異。最直接的比較：快速捲動網頁或拖動視窗 — 144Hz 下物體邊緣更清晰；60Hz 則有明顯動態模糊。但 144Hz 以上提升遵循遞減效應。
Q.VRR 還是固定更新率好？
VRR（可變更新率）在幀率波動時表現最好 — 消除撕裂同時避免垂直同步的輸入延遲。如果幀率穩定達到螢幕最高更新率，兩者體驗基本相同。
更新率設定小技巧
- • Windows： 桌面右鍵 → 顯示設定 → 進階顯示 → 選擇更新率。
- • macOS： 系統偏好設定 → 顯示器 → 按住 Option 點擊更新率 → 選擇最高值。
- • GPU 驅動： NVIDIA 控制面板或 AMD Software 也能設定更新率，可能提供更多選項。
- • 快速驗證： 切換更新率後，快速左右晃動滑鼠指標 — 高更新率下應明顯更流暢。