Skip to content

入力遅延テスト

クリックイベントから次のアニメーションフレームまで — ブラウザ層の入力遅延を計測します。

Input Lag Test

Measures click-to-frame latency using requestAnimationFrame timing

Note: This test measures browser-level click-to-render latency — the time between your click event and the next animation frame. It does not measure total display pipeline lag (OS scheduling, GPU, display). For full pipeline measurements, a hardware tool like a LDAT is needed.

Click the button 10 times to measure click-to-frame latency.

入力遅延テストとは?

クリックからレンダリングまでのレイテンシを理解する

入力遅延とは、物理的な入力に対して画面に視覚的な反応が表示されるまでの遅延です。このテストはその一連の流れにおけるブラウザ層、つまりクリックイベントから次のアニメーションフレームまでの時間を計測します。10回クリックすることで、最良値・最悪値とともに信頼性の高い平均値が得られます。ブラウザ環境がゲームやインタラクティブアプリケーションに対して最適な状態かどうかを確認するのに役立ちます。

入力遅延評価ガイド

スコアの意味

≤ 1ms優秀

ブラウザのパフォーマンスが最高の状態。ハードウェアアクセラレーションが完璧に機能しています。

1–4ms非常に良好

高パフォーマンスなゲーミング環境。軽い負荷でフォーカスされたブラウザの典型的な値です。

4–8ms良好

最新マシンでの通常のパフォーマンス。競技ゲームにも十分対応できます。

8–16ms許容範囲

60〜120Hzで1フレーム分に相当。バックグラウンド負荷や省電力モードの可能性があります。

> 16ms高遅延

バックグラウンドプロセス、ハードウェアアクセラレーションの無効化、またはバッテリーセーバーモードを確認してください。

ブラウザの入力遅延に影響する要因

スコアに影響する主なポイント

ハードウェアアクセラレーション

ブラウザでのGPUによるレンダリングを有効にします。無効にすると入力遅延が大幅に増加します。chrome://settings または about:config で確認してください。

バックグラウンドタブとプロセス

他のタブで動くJavaScriptがブラウザのレンダリングスレッドを奪い合います。テスト前に不要なタブを閉じてください。

電源・温度設定

バッテリーセーバーモードやCPUのサーマルスロットリングはクロック速度を低下させ、遅延を増加させます。ACアダプター接続時に高パフォーマンスモードを使用してください。

リフレッシュレート

モニターのリフレッシュレートが高いほど、1フレームあたりの最大遅延が減少します。240Hzでは4.16ms、60Hzでは16.67msです。

このテストを活用すべき人

ブラウザ入力遅延テストの主な用途

競技ゲーマー

ブラウザベースのゲームやオーバーレイが不必要な遅延を追加していないか確認します。

Webデベロッパー

アプリのレンダリング性能をベンチマークし、JavaScriptのジャンクを検出します。

モニター購入検討者

購入前にシステムを比較し、ハードウェアアクセラレーションが正常に機能しているか確認します。

配信者・コンテンツクリエイター

エンコードソフトがブラウザのレンダリングスレッドからCPU時間を奪っていないか確認します。

入力遅延を減らすには

スコアを下げるための手順

ハードウェアアクセラレーションを有効にする

Chromeの場合:設定 → システム → 「ハードウェアアクセラレーションが使用可能な場合は使用する」をオン。有効後はブラウザを再起動してください。

バックグラウンドタブを閉じる

開いているタブはJavaScriptを実行し、レンダリングリソースを消費します。テスト中はこのタブだけを開いた状態にしてください。

高パフォーマンスモードに切り替える

Windows:設定 → 電源とスリープ → 電源の追加設定 → 高パフォーマンス。CPUのスロットリングを防ぎます。

GPUドライバーを更新する

古いGPUドライバーはブラウザのレンダリングを低下させる場合があります。デバイスマネージャーまたはGPUベンダーのアプリから更新してください。

入力遅延用語集

重要な用語の解説

入力遅延(Input Lag)
物理的な入力(クリック、キー押下)から画面上の視覚的な変化が表示されるまでの総遅延時間。
requestAnimationFrame
次の再描画前にコールバックをスケジュールするブラウザAPIで、クリックからレンダリングまでのタイミング計測に使用されます。
ハードウェアアクセラレーション
GPUを使ってレンダリング処理を行うことで、CPUの負荷とブラウザのレイテンシを低減します。
ポーリングレート
マウスやキーボードが位置データをOSへ送信する頻度。1000Hzは1msごとに1回送信することを意味します。
VSync(垂直同期)
フレーム出力をディスプレイのリフレッシュレートに同期させ、ティアリングを防ぎますが、1フレーム分の遅延が加わる可能性があります。

低レイテンシを維持するには

レスポンシブなシステムのためのベストプラクティス

有線接続を使用する

USBマウス・キーボードはワイヤレスより遅延が低く安定しています。競技ゲームでは有線を使用してください。

GPUドライバーを最新に保つ

新しいドライバーバージョンにはレンダリングの最適化が含まれており、ブラウザやゲームの入力遅延を低減します。

モニターのリフレッシュレートを確認する

モニターを最大リフレッシュレートで動作させてください。ディスプレイ設定 → 詳細ディスプレイ設定 → リフレッシュレートで確認できます。

不要なブラウザ拡張機能を無効にする

一部の拡張機能はすべてのページにJavaScriptを注入し、レンダリングパイプラインに余分な負荷をかけます。

入力遅延テスト FAQ

入力遅延、ディスプレイレイテンシ、ゲーミング性能に関するよくある質問。

このテストについて

方法論: 遅延はブラウザのperformance.now() APIで計測され、mousedownイベントと次のrequestAnimationFrameコールバックの時間差を取得します。信頼性のために10サンプルの平均を算出しています。

概要: Windows 11およびmacOS SonomaのChrome、Firefox、Edge、Safariでテスト済み。最新マシンでは±1ms以内でハードウェア計測値と一致する結果が得られます。

免責事項: このテストはブラウザのソフトウェア層のみを計測します。システム全体の入力遅延には、ここでは計測されないハードウェアおよびディスプレイの遅延も含まれます。