Volume Shader が遅い・黒い・固まる？8つの対処法
極端に低い FPS、黒画面、canvas の停止、WebGL 2.0、ハードウェアアクセラレーション、GPU 選択、電源制限、発熱を順に確認します。
Volume Shader BM Test の FPS が極端に低い、canvas が黒い、または画面が固まる場合は、次の項目を順に確認してください。負荷が重すぎる状態と、ブラウザや GPU の設定問題を切り分けられます。
クイック回答
- ブラウザが専用 GPU ではなく内蔵 GPU を使用している。
- ブラウザ設定でハードウェアアクセラレーションがオフになっている。
- Light または Medium にすべきデバイスで Heavy または Extreme を実行している。
- サーマルスロットリング — ノートPCがバッテリー駆動、またはスマホが過熱している。
- 別のタブ（動画、Maps、WebGL 広告）が GPU を奪い合っている。
- WebGL 2.0 が利用できない、またはグラフィックコンテキストが失われている。
- ブラウザ拡張機能が canvas や GPU 描画に干渉している。
- ブラウザまたは GPU ドライバーが古い。
1. 間違った GPU が使われている
内蔵 GPU と専用 GPU の両方を搭載したノートPCでは、Chrome / Edge / Firefox がバッテリー節約のために内蔵 GPU をデフォルトで使用することがよくあります。chrome://gpu（または edge://gpu）を開き、"GL_RENDERER" を確認してください。NVIDIA または AMD GPU を搭載しているのに Intel UHD / Iris が表示される場合は、OS のグラフィック設定でブラウザを高パフォーマンス優先に設定してください。
2. ハードウェアアクセラレーションが無効になっている
Chrome / Edge では、設定 → システム → "Use graphics acceleration when available" を確認します。Safari には切り替え項目はありませんが、一部の古い macOS ではプライベートブラウズが WebGL アクセラレーションを無効にする場合があるため、使用していないことを確認してください。
3. テストモードが重すぎる
Heavy と Extreme はピクセルごとに 1,000 回以上のシェーダー反復を実行するため、低い FPS が必ずしも故障を意味するわけではありません。まず Light を実行し、1段階ずつ上げてください。指標の読み方は FPS 結果ガイド を参照してください。
4. サーマルスロットリング
Heavy の前にノートPCを電源へ接続し、省電力モードを解除してください。スマホや薄型ノートPCは温度上昇に応じて GPU クロックを下げるため、次の結果を比較する前に冷却します。スマホ GPU テストガイド では Android と iOS の確認項目を説明しています。
5. バックグラウンドタブが GPU を奪っている
別ウィンドウの YouTube 動画や Google Maps のタブは、フレーム予算を奪います。それらを閉じて、Volume Shader BM を再読み込みし、もう一度実行してください。
6. WebGL 2.0 が利用できない・黒い・固まる
canvas が黒いまま、1フレームで停止、または WebGL が利用できないと表示される場合は、WebGL GPU テストガイドで WebGL 2.0 とハードウェアアクセラレーションを確認してから再読み込みします。他の GPU 負荷の高いタブを閉じ、ブラウザを再起動すると失われたコンテキストが戻る場合もあります。
7. ブラウザ拡張機能が干渉している
プライバシー保護、スクリプトブロック、canvas 保護、GPU overlay の拡張機能は WebGL を遮断・変更する場合があります。クリーンなプロファイルを使うか、このサイトで拡張機能を一時停止し、同じモードを再実行してください。
8. ブラウザまたは GPU ドライバーが古い
ブラウザと GPU ドライバーを更新し、ブラウザを再起動して WebGL アクセラレーションを再確認します。1つのブラウザだけ失敗する場合は、別の最新版ブラウザで試し、ブラウザ固有の問題か端末全体の問題かを切り分けてください。
テストを再実行する
修正を適用したら、もう一度測定して違いを確認してください。
