Volume Shader 很慢、黑畫面或卡住?8 個修復方法
依序修復極低 FPS、黑畫面或 canvas 卡住、WebGL 2.0 缺失、硬體加速關閉、GPU 選錯、電池限制與過熱。

如果 Volume Shader BM Test 出現極低 FPS、黑畫面或畫面卡住,請依序檢查以下項目,先區分負載過重與瀏覽器或 GPU 設定問題。
快速解讀
- 瀏覽器正在使用整合式 GPU,而不是獨立 GPU。
- 瀏覽器設定中的硬體加速被關閉了。
- 你的裝置應該使用 Light 或 Medium,卻正在跑 Heavy 或 Extreme。
- 溫度降頻 — 筆電使用電池,或手機過熱。
- 另一個分頁(影片、Maps、WebGL 廣告)正在和測試競爭 GPU。
- WebGL 2.0 無法使用,或圖形 context 已經遺失。
- 瀏覽器擴充功能干擾 canvas 或 GPU 渲染。
- 瀏覽器或 GPU 驅動程式需要更新。
1. 使用了錯誤的 GPU
在同時有整合式與獨立顯示晶片的筆電上,Chrome / Edge / Firefox 常常為了省電而預設使用整合式 GPU。開啟 chrome://gpu 或 edge://gpu,查看 "GL_RENDERER"。如果你的機器有 NVIDIA 或 AMD GPU,但顯示的是 Intel UHD / Iris,請到作業系統的圖形設定中,將瀏覽器設為偏好高效能。
2. 硬體加速被停用
在 Chrome / Edge 中:設定 → 系統 → "Use graphics acceleration when available"。Safari 沒有開關,但在某些較舊的 macOS 版本上,請確認你沒有使用私密瀏覽,因為它可能會停用 WebGL 加速。
3. 測試模式太重
Heavy 和 Extreme 每個像素會執行超過一千次 shader 迭代,這些模式下幀率較低不一定代表故障。請先跑 Light,再逐級提高,並透過 FPS 結果指南 解讀各項指標。
4. 溫度降頻
執行 Heavy 前,請先接上筆電電源並關閉省電模式。手機與輕薄筆電會隨著溫度升高降低 GPU 時脈;比較下一次結果前先讓裝置冷卻。手機 GPU 測試指南 說明 Android 與 iOS 的檢查方法。
5. 背景分頁搶走 GPU
另一個視窗中的 YouTube 影片或 Google Maps 分頁會搶走幀預算。關閉它們,重新載入 Volume Shader BM,然後再跑一次。
6. WebGL 2.0 無法使用、黑畫面或卡住
如果 canvas 持續黑畫面、停在單一畫面或提示 WebGL 無法使用,請查看 WebGL GPU 測試指南,確認 WebGL 2.0 與硬體加速後重新載入。關閉其他高 GPU 負載分頁並重啟瀏覽器,也能恢復遺失的圖形 context。
7. 瀏覽器擴充功能發生衝突
隱私保護、腳本阻擋、canvas 防護或 GPU overlay 擴充功能可能阻止或改變 WebGL。請使用乾淨的瀏覽器設定,或暫時對本站停用擴充功能,再執行相同模式;之後逐一啟用以找出衝突。
8. 瀏覽器或 GPU 驅動程式過舊
更新瀏覽器與 GPU 驅動程式,重啟瀏覽器後再次確認 WebGL 加速。如果只有某個瀏覽器失敗,請用另一個最新版瀏覽器複測,以區分瀏覽器問題與裝置層級的圖形問題。
重新執行測試
套用修復後,再測一次看看差異。