ディスプレイはスムーズなフレームを配信していますか?
フレームごとのタイミングを分析して、スタッター、マイクロヒッチ、不安定なフレーム配信を検出します。1% lowフレーム時間とフレーム時間の分散を確認 — すべてブラウザ内でローカル処理されます。
このテストはrequestAnimationFrameのタイムスタンプを使用して、レンダリングされた各フレーム間の時間を測定し、平均フレーム時間、分散、1% low、およびフレーム時間が平均の2倍を超えるスタッターイベントを検出します。
60Hzでは各フレームは正確に16.67msかかるべきです。1フレームが33ms(1フレームのドロップ)かかると、ほとんどのユーザーがマイクロスタッターとして知覚できます。
結果の意味は?
| 結果 | 範囲 | 意味 |
|---|---|---|
| 良好 | フレーム時間の分散が2ms未満、スタッターイベントなし | ブラウザが一貫してフレームを配信しています。フレーム時間がターゲット間隔の周りに密集しており、フレームドロップのないスムーズなレンダリングを示しています。 |
| 注意 | フレーム時間の分散2–5ms、時折スタッター発生 | 軽微なフレーム時間の不一致が検出されました。バックグラウンドプロセス、ブラウザ拡張機能、GPUのサーマルスロットリングが時折フレームドロップを引き起こしている可能性があります。 |
| 不良 | フレーム時間の分散が5ms超、または頻繁なスタッターイベント | 重大なフレームタイミングの問題です。目に見えるスタッタリングを引き起こします。バックグラウンドのCPU/GPU負荷を確認し、ハードウェアアクセラレーションの競合を無効にするか、リソースを大量に消費するブラウザタブを閉じてください。 |
一般的な問題と解決策
数秒ごとに一貫したスタッタリング
これはガベージコレクションの一時停止やバックグラウンドタブのスロットリングを示すことが多いです。他のブラウザタブを閉じ、不要な拡張機能を無効にし、ブラウザ設定でハードウェアアクセラレーションが有効になっていることを確認してください。
フレーム時間がリフレッシュレートに対して予想より高い
OSのディスプレイ設定でモニターが実際に期待されるリフレッシュレートで動作しているか確認してください。一部のモニターはより高いレートをサポートしていても60Hzがデフォルトです。また、ブラウザが省電力モードでスロットリングされていないか確認してください。