FPSテスト

FPSテストの手順

1. 測定条件をそろえます。確認したいディスプレイでこのページを開き、比較時はブラウザー、ウィンドウサイズ、電源設定を同じにします。不要なアニメーションページや負荷の高いアプリを閉じてください。

2.「FPSテストを開始」を選びます。約1秒の予備測定後、完全なフレーム間隔を10秒以上収集します。

タブを表示したまま、ディスプレイ間でウィンドウを移動しないでください。表示サイズ、DPR、画面の向き、全画面状態が変わると中断します。

3. 平均と間隔を確認します。平均FPSは全体のコールバック頻度を示します。間隔グラフや1% Lowは平均だけでは分からないばらつきを示します。小さな差を評価する前に再測定してください。

FPS・フレーム間隔・リフレッシュレート

FPSは1秒あたりのフレーム数を表します。このページではブラウザーのアニメーションコールバックから求める推定値です。フレーム間隔はコールバック間のミリ秒数です。

Hzで表すリフレッシュレートはディスプレイの更新周期です。ブラウザーの動きは表示周期に連動することが多いものの、OSやブラウザーのスケジューリングによって制限・変更されます。

コールバックが来たことは、新しいフレームが実際に表示された証拠ではありません。このページでモニターの最大リフレッシュレートは確認できません。

完全に均等な場合は、フレーム間隔 = 1,000 ÷ FPSです。以下は計算例で、測定値ではありません。

FPSが60前後になるのはなぜ？

60 FPS前後という結果だけで故障とは判断できません。現在の条件で、このタブが観測した頻度を表しています。

OSのリフレッシュレート設定、ブラウザーを表示しているディスプレイ、省電力設定を確認します。外部ディスプレイでは接続方法と表示モードも確認してください。

バックグラウンドアプリ、拡張機能、ブラウザー固有のスケジューリングも影響します。原因を決めつけず、同じ条件で繰り返し測定してください。

このページでリフレッシュレートの上限を解除したり、ケーブルの不良やハードウェアアクセラレーションの有無をFPSだけから特定したりすることはできません。

このFPSテストの測定方法

内部解像度640×160、DPR 1の小さなCanvas 2Dを描きながらrequestAnimationFrameのコールバック間隔を記録します。予備測定は除外し、動きを減らす設定ではマーカーを静止させて同じ計時を行います。

平均FPS = 1,000 × 間隔数 ÷ 実測ミリ秒。分位点は(N − 1) × pで線形補間します。1% Low = 1,000 ÷ 最長ceil(N × 0.01)個の間隔の平均で、1,000/P99とは異なります。

P95、P99、1% Lowには100間隔以上が必要です。末尾サンプルが5個未満なら注意を表示します。長い間隔は中央値の1.5倍を超えるものです。表示中の停滞は保持し、2,000 msを超える空白や非表示で中断します。

10秒を超える最後の完全な間隔も保持します。グラフは実際の終了時刻と最小・最大値を保ち、統計には全間隔を使います。温度、ハードウェアの健康スコア、ゲームFPS予測は出しません。プロトコル：fps-raf-v1。

関連するグラフィックステスト

FPSテストのよくある質問