3つの数値が意味すること

このテストでは3つの数値が表示されます。これらを総合的に確認することで、ディスプレイの動作状況や、テスト自体がディスプレイの動作に追いついているかどうかがわかります。

画面解像度

ディスプレイのピクセル寸法を、デバイスピクセル比でスケーリングした値です。そのため、高密度ディスプレイでは、CSSによる近似値ではなく、本来のネイティブ解像度が報告されます。解像度自体は滑らかさに直接影響しませんが、フレームレートには影響します。1フレームあたりのピクセル数が多いほど処理負荷が高まるため、同じハードウェアでも非常に高い解像度ではFPSが低下する可能性があります。

画面FPS

最も注目すべき数値——ブラウザが実際にディスプレイにレンダリングしている1秒あたりのフレーム数です。正常な環境では、この数値はパネルのリフレッシュレートに近い値になります。つまり、60 Hzの画面では約60、120 Hzの画面では120、144 Hzの画面では144といった具合です。もしこの数値が定格のリフレッシュレートを大幅に下回る場合は、パネルの上流にボトルネックが存在します。FPSがリフレッシュレートを下回る理由については、以下のセクションで一般的な原因を解説しています。

テストFPS

テスト自体で表示されるアニメーションが実行されているレートです。「Canvas FPS」コントロールを使用すると、この値を意図的に制限できます。これは、動きを遅くして個々のフレームを詳しく調べる際に便利です。このコントロールを操作していない場合、この数値は画面のFPSとほぼ一致するはずです。もし大幅に下回っている場合は、通常、バックグラウンドでの読み込みや負荷の高いタブによって、ページ自体の処理能力が不足していることを示しています。

正確な測定値を得る方法

テストはページが読み込まれるとすぐに開始され、継続的に更新されます。以下の手順を踏むことで、数値の信頼性を高めることができます：

まず、オペレーティングシステムのディスプレイ設定で画面のリフレッシュレートを最高値に設定し、テストがパネルの実際の限界値に達できるようにします。Windows や macOS では、新しいディスプレイでも、多くの人が予想するよりも低い値がデフォルトで設定されていることがよくあります。リフレッシュレートの確認方法については、当サイトのガイドで詳しく解説しています。
キャンバスの下にあるボタンを使用して全画面表示に切り替えてください。これにより、ブラウザのインターフェースやその他のページ要素が非表示になり、最も正確な測定値が得られます。
負荷の高いバックグラウンドタブを閉じます。ビデオ通話、ストリーミング、WebGLを実行しているものはすべて、同じGPUのリソースを奪い合います。
ノートパソコンは電源に接続してください。バッテリー節約モードでは、GPUの性能が制限され、リフレッシュレートが抑えられてしまうことが多く、その場合は通知が表示されない場合がほとんどです。
表示された数値を信頼する前に、数秒間待って安定するのを確認してください。
両方のモーションモードを試してみてください。「クラシック」モードでは2つの長方形がキャンバスを横切ります。「ランドスケープ」モードでは、時間帯に応じて変化するピクセルアートのシーンがスクロールします。どちらも1フレームあたり固定のピクセル数だけ進むため、動きは完全に均一です。もし不均一さが目につく場合は、それはディスプレイ側の問題であり、テスト自体の問題ではありません。

フレームレート、FPS、リフレッシュレート

動きを決定づける3つの数値がありますが、これらは混同されがちです。フレームレート（FPS）とは、システムが1秒間に生成する画像の数を指します。リフレッシュレート（ヘルツ単位）とは、画面が1秒間に物理的に再描画できる回数を指します。これら2つは相互に影響し合い、低い方の値が上限を決定します。つまり、60 Hzのパネルでグラフィックカードが200 FPSをレンダリングしても表示されるのは60 FPSであり、一方、144 Hzの画面に40 FPSが供給された場合は、単にフレームが繰り返し表示されることになります。

フレーム時間は、この情報を持続時間として表したもので、各フレームに割り当てられるミリ秒数です。60 FPSと120 FPSの差は、120 FPSと240 FPSの差よりもはるかに大きいため、フレーム時間で考える方が実用的な場合が多く、フレーム時間ならその違いが一目でわかります：

リフレッシュレート	フレーム時間	一般的に見られるのは
30 Hz	33.3 ms	コンソール映像、旧式のHDMI接続
60 Hz	16.7 ms	標準的なオフィス用モニター、ほとんどのノートパソコン
90 Hz	11.1 ms	中価格帯のスマートフォンおよびタブレット
120 Hz	8.3 ms	最新のスマートフォン、テレビ、ゲーミングノートPC
144 Hz	6.9 ms	一般的なゲーミングモニターの標準仕様
240 Hz	4.2 ms	eスポーツ競技向けのディスプレイ

60 FPSから30 FPSに低下すると、1フレームあたり16.7 msのロスになります。 144 から 240 へ上げると、2.7 ミリ秒を取り戻せます。そのため、60 から 120 へのジャンプは劇的に感じられるのに対し、144 から 240 へのジャンプは微妙にしか感じられないのです。

なぜFPSがリフレッシュレートより低いのですか？

これが、ユーザーがフレームレートテストを行う最も一般的な理由ですが、144 Hzのモニターで60と表示されていても、パネルが故障していることはほぼありません。以下の項目を順に確認してください：

ディスプレイが最大リフレッシュレートに設定されていない。これが圧倒的に最も多い原因です。WindowsやmacOSでは、新しいモニターがそれ以上のリフレッシュレートに対応していても、デフォルトで60 Hzに設定されることが多く、インターフェース上ではその旨が示されません。
ブラウザのハードウェアアクセラレーションがオフになっている。これがオフだと、レンダリングがCPUに依存し、フレームレートが激減します。Chromeでは、「設定」→「システム」から設定できます。
ケーブルやポートがボトルネックになっている。高解像度での高リフレッシュレートには、DisplayPortや最新バージョンのHDMIの帯域幅が必要です。古いケーブルを使用すると、自動的に60 Hzに制限されてしまいます。
省電力モードによってパフォーマンスが制限されています。バッテリー駆動のノートパソコンは、稼働時間を延ばすためにリフレッシュレートを制限するのが一般的です。また、本体が高温になると、接続先に関係なく動作が遅くなります。
ブラウザが自身のアニメーションを制限しています。一部のブラウザでは、バックグラウンドや非アクティブなタブのリフレッシュレートを低く制限しています。テスト用のタブをアクティブにして、最前面に表示させておいてください。
VSyncやフレームレート制限によって意図的に制限されています。数値が正確に60に固定されている場合は、通常、制限されているだけで、処理が追いついていないわけではありません。

数値は正常に見えても動きがぎこちなく感じられる場合、原因は純粋な速度ではなく、フレームの一貫性の問題です。平均値が安定して120を示していても、時折フレームが遅延すると、依然としてカクつきが生じます。なぜなら、滑らかな動きは単にフレーム数が高いことだけでなく、均一なフレームタイミングに依存するからです。このスタッターテストは、その点を直接明らかにします。

このテストによるフレームレートの測定方法

このテストは requestAnimationFrame「``」に接続します。これはブラウザ独自のアニメーションコールバックであり、ディスプレイのリフレッシュサイクルごとに1回発火します。短い時間枠内でこれらのコールバックをカウントすることで、ブラウザが実際に提供している1秒あたりのフレーム数が得られます。

2つの重要な注意点があります。第一に、ブラウザは独自に出力を合成するため、これは実験室での測定値というよりは近似値です。リフレッシュレートの確認、2つの画面の比較、問題の診断には十分な精度ですが、オシロスコープの代わりにはなりません。第二に、これはブラウザのフレームレートを測定するものです。ディスプレイやシステムのレンダリング経路を反映してはいますが、ゲームのベンチマークではありません。ゲーム内のFPSを測定するには、ゲーム独自のカウンターやモニタリングツールなどのオーバーレイを使用する必要があります。

フレームレートを超えて：動画のその他の要素

滑らかな動きには高いフレームレートが必要ですが、それだけでは不十分です。物体が動いている際に画面が実際にどれほど見栄えが良いかは、他にもいくつかの表示特性によって決まり、ここではそれぞれについて個別のテストを行っています。

モーションブラーテスト — たとえフレームレートが完璧であっても、目は動き続けている一方で各フレームは静止したままだため、画面上の動くディテールはにじんで見えます。このテストでは、その残像（パーシステンスブラー）やゴースト現象を測定します。
フレームスキップテスト — 一部のパネルは、特にオーバークロックされている場合、表示すると主張しているフレームを密かに省略することがあります。カメラを用いたパターンにより、ソフトウェアでは検出できない現象を捕捉します。
画面ティアリングテスト — フレームがリフレッシュレートと同期せずに到着すると、画像は動く水平線に沿って分割されます。これにより、VSyncや可変リフレッシュレートが正常に機能しているかどうかを確認します。
スタッターテスト — リアルタイムのフレームタイムグラフとジャークカウンターにより、高い平均値の陰に隠れた遅延フレームを明らかにします。
スクロールの滑らかさテスト — スクロールは最も頻繁に遭遇する動きであり、このテストではブラウザがそれをどれだけ均一に表示しているかを測定します。

よくある質問

自分のモニターが本当に144 Hz対応かどうか、どうすればわかりますか？

OSの設定でディスプレイを144 Hzに設定し、他のタブを閉じてこのテストを全画面表示で実行してください。「Screen FPS」の表示値が144に近い場合、パネルが144 Hzを出力していることが確認できます。60と表示される場合は、上記の原因を順に確認してください。ほとんどの場合、ケーブルやOSのリフレッシュレート設定が原因です。

このフレームレートテストは正確ですか？

これは正確な推定値です。このテストは、ブラウザがレンダリングする1秒あたりのフレーム数を測定するもので、ディスプレイの実際の出力値をほぼ正確に反映しています。ブラウザが独自にフレームを合成するため、実験室での測定値とは異なりますが、リフレッシュレートの確認、2つの画面の比較、パフォーマンス問題の診断を行うには十分な信頼性があります。

適切なフレームレートとは？

60 FPSは、滑らかで反応の良い動きを実現するための一般的な基準値です。ゲーマーは高リフレッシュレートモニターで120、144、あるいは240を目標としますが、映画は24で再生され、撮影手法の特性上、問題なく見えます。適切な目標値は、お使いのディスプレイやその用途によって異なります。フレームレートに関する当サイトのガイドでは、そのトレードオフについて解説しています。

フレームレートが高いほど、常に画質は向上するのでしょうか？

ディスプレイのリフレッシュレートの上限までです。60 Hzの画面で200 FPSをレンダリングしても、パネルが60しか表示できないため、目に見えるメリットはなく、ただ電力を消費するだけです。お持ちのディスプレイに合わせて目標を設定し、当サイトの「リフレッシュレートガイド」で対応状況を確認してください。

このテストはスマートフォンでも有効ですか？

はい。90 Hzや120 Hzと謳われているスマートフォンが、実際にそのレートで動作しているかを確認するのに役立ちます。多くの機種はバッテリー節約モードでは60 Hzに低下したり、画面の内容に応じて適応的に切り替わったりします。

FPSが変動し続けるのはなぜですか？

わずかな変動は正常です。数値は短い時間枠でサンプリングされており、バックグラウンドの動作によって変動します。大きな変動がある場合は、何かがGPUのリソースを奪っているか、可変リフレッシュレート機能がリアルタイムでパネルの表示を調整している可能性があります。

その他のディスプレイテスト

フレームレートは、ディスプレイの性能が不足していることを示す指標の一つです。DeadPixelTest.orgでは、画面を単色で埋め尽くすことで、返品期限が切れる前にドット抜け、固着ピクセル、ホットピクセルを発見できます。また、固着したピクセルを復活させるために、色を高速で点滅させる修復ツールも搭載されています。 BackLightBleedTest.orgは真っ黒な画面を表示し、バックライトの滲みやIPSグロー（暗いシーンでLCDの端から漏れ出る不均一な光）を判断できるようにします。これらは暗い部屋で評価するのが最適です。

フレームレートテスト — オンラインでモニターの実際のFPSを確認する

矩形1

矩形2

キャンバス背景

その他の設定

速度

更新レート