Snaplytics JS Tests

跳幀測試

檢查您的顯示器與系統是否在每次更新時都呈現新影格,還是沿途悄悄丟失一些。測試會根據您測得的更新頻率為每個動畫影格計時,並標記任何有一個或多個影格缺失的空隙。執行時請保持此分頁聚焦以獲得準確讀數。

Hz

即時監測執行中 — 請保持此分頁聚焦以獲得準確讀數。

即時
最近的影格準時跳幀
收集影格中…
更新頻率
Hz
準時影格
0
跳幀
0
跳幀率
最長空隙

相機拍攝列(選用)

標記會隨每個渲染影格前進一格。以高速快門拍攝螢幕或以慢動作錄影 — 缺少的一步會揭露掉幀。相對上方的偵測器為輔助性質。

偵測器運作方式

瀏覽器每次畫面更新會呼叫一次 requestAnimationFrame,因此回呼之間的間隔應保持接近一個更新間隔 — 在 60 Hz 面板上約 16.7 ms,在 144 Hz 下約 6.9 ms。測試會記錄這些間隔並取中位數來建立預期間隔,這同時也得出您的真實更新頻率。當某個間隔拉伸到約 1.5 倍預期間隔或更多時,表示至少有一個影格從未被呈現;測試會將間隔四捨五入到最接近的整數間隔數,以估算掉了多少影格。切換分頁或最小化視窗造成的長暫停會被忽略,而不計為跳幀。

畫面跳幀與卡頓及顫動的差異

這些術語有所重疊,但描述的是不同的故障。畫面跳幀(掉幀)是指管線無法為某個更新週期提供新影像,因此前一幀被顯示兩次,動作看起來像跳動。卡頓是不均勻的影格節奏 — 影格有到達,但時間間隔不規則 — 即使技術上沒有掉幀,看起來也會頓頓的。顫動則是影格率無法整除更新頻率時出現的穩定、有節奏的不均勻,例如在 60 Hz 螢幕上播放 24 fps 電影。本測試針對的是更新層級真正掉落的影格;若節奏不均,零跳幀的執行仍可能感覺不到完美順暢。

為什麼螢幕會跳幀

  • 線材或頻寬限制:高解析度下的高更新頻率可能超過線材或連接埠版本所能承載的量,因此連線會掉幀。這是只在螢幕最高頻率下才跳幀的典型原因。
  • 超頻的更新頻率:將面板推到超過其額定 Hz 通常看起來穩定,但會悄悄重複影格而不顯示新影格。
  • GPU、驅動程式或溫度問題:過時的驅動程式、過載或過熱的 GPU,或激進的省電模式,都可能讓螢幕拿不到完成的影格。
  • 背景負載與瀏覽器節流:其他分頁或應用程式的繁重工作,以及瀏覽器對未聚焦分頁的 requestAnimationFrame 減速,兩者都會造成本測試所測量的空隙。

本測試測量與不測量什麼

這是一個瀏覽器層級的呈現管線測試 — 涵蓋顯示器、線材、GPU 輸出、驅動程式與瀏覽器 — 而非任何單一遊戲引擎。它報告的是此頁面聚焦時,您的系統有多可靠地將完成的影格交給螢幕。它看不到遊戲內部渲染的影格、無法測量輸入延遲,也無法取代硬體訊號產生器。為獲得最可靠的結果,請將筆電接上電源、關閉繁重的背景分頁、保持此分頁聚焦,並讓一次完整的計時執行跑完。下方的選用拍攝列用於以高速快門拍攝螢幕,可揭露難以感受的跳幀。