跳到正文
馬克工具箱

螢幕重新整理率測試

開啟頁面就開始測量螢幕實際跑出的重新整理率,看看你的 144 Hz、165 Hz 顯示器或高刷手機是不是真的在高刷。下方的幀間隔圖和運動模糊測試能幫你發現卡頓、掉幀和拖影。

在瀏覽器本地執行,輸入的內容和檔案都不會上傳

你的螢幕重新整理率

正在測量…

平均幀率
—
平均幀間隔
—
最短 / 最長
—
抖動
—
掉幀
—

幀間隔

每根豎條是一幀,橫線是理論幀間隔;明顯高出的豎條就是卡頓或掉幀。

運動模糊測試

眼睛跟著移動的方塊看:重新整理率越高,方塊邊緣和上面的字越清楚。

測量時請保持本頁在前臺,並把瀏覽器視窗放在要測的螢幕上。後臺標籤頁會暫停動畫,筆記本省電模式也可能把重新整理率限制在 60 Hz。

使用步驟

  1. 把瀏覽器視窗放到要測的螢幕上,保持本頁在前臺。
  2. 等一兩秒,頂部顯示測得的重新整理率,下面是平均幀率、幀間隔、抖動和掉幀數。
  3. 眼睛跟著運動模糊測試裡的方塊看,可以切換速度,比較高刷和 60 Hz 的清晰程度。

引數說明

重新整理率(Hz)
取最近 120 幀幀間隔的中位數換算(60Hz 下約 2 秒,重新整理率越高越短);接近 60、120、144、165、240 等常見值(3% 以內)時直接顯示該值。
抖動
幀間隔的標準差,越小越穩定。正常情況下應在 1 毫秒以內。
掉幀
幀間隔超過理論值 1.5 倍時,按漏掉的幀數累計。後臺程式佔用、瀏覽器卡頓都會產生掉幀。

數值是怎麼算出來的

頁面記錄相鄰兩幀動畫的時間間隔,取最近 120 幀(至少 10 幀)。重新整理率 = 1000 ÷ 間隔中位數(毫秒),和下列常見重新整理率相差 3% 以內時取標準值:24、30、48、50、60、72、75、90、100、120、144、165、170、180、240、360 Hz。

重新整理率 每幀應有的時間
60 Hz 16.7 ms
75 Hz 13.3 ms
90 Hz 11.1 ms
120 Hz 8.3 ms
144 Hz 6.9 ms
165 Hz 6.1 ms
240 Hz 4.2 ms

某一幀的間隔超過中位數的 1.5 倍就算遲到,每個遲到幀按「間隔 ÷ 中位數,四捨五入後減 1」計入掉幀。60 Hz 時,20 ms 的間隔不算掉幀,33 ms 算 1 幀,50 ms 算 2 幀。幀時間圖裡每根柱子是最近 240 幀中的一幀,遲到的幀用警示色標出,橫線是應有的幀時間。

運動模糊測試裡,方塊在「慢」「中」「快」三檔分別以每秒 480、960、1920 畫素移動。頁面上的數字每秒更新兩次。

測出來不是顯示器標稱的重新整理率?

先檢查系統設定裡的重新整理率(Windows 在「顯示 → 高階顯示」,macOS 在「顯示器」)是否已經調到最高;筆記本用電池時可能自動降到 60 Hz;瀏覽器開了省電模式或頁面不在前臺時也會降幀。

常見問題

顯示器是 144 Hz,為什麼測出來是 60 Hz?

先在系統顯示設定裡確認重新整理率選的是 144 Hz(Windows:設定 → 系統 → 螢幕 → 高階顯示;macOS:系統設定 → 顯示器);再檢查線材和介面,部分 HDMI 線和介面只能跑 60 Hz;筆記本用電池時也可能被省電模式限制。

Mac、iPhone 的高刷屏為什麼只顯示 60 Hz?

Safari 預設把網頁動畫限制在 60 Hz 左右以省電。在 Mac 上可以換用 Chrome 測試;也可以在 Safari 的功能標誌(Feature Flags)裡關閉「Prefer Page Rendering Updates near 60fps」後再測。iPhone 開啟低電量模式時同樣會限制到 60 Hz。

和「螢幕解析度查詢」裡顯示的重新整理率有什麼區別?

解析度頁面只在開啟時取樣約 1 秒,作為參考;這裡持續測量,還能看到幀間隔曲線、抖動和掉幀,適合確認高刷是否穩定。

結果準嗎?

測的是瀏覽器實際渲染的幀率,通常與顯示器當前重新整理率一致。如果明顯偏低,多半是高刷沒有開啟、被省電模式限制,或電腦負載太高。

隱私說明

本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。

相關工具