指南

Volume Shader 很慢、黑屏或卡死?8 个修复方法

依次修复极低 FPS、黑屏或 canvas 卡死、WebGL 2.0 缺失、硬件加速关闭、GPU 选错、电池限制与过热。

🚀 volumeshadertest
6月24日
4 分钟
Volume Shader 很慢、黑屏或卡死?8 个修复方法

如果 Volume Shader BM Test 出现极低 FPS、黑屏或画面卡死,请按顺序检查以下项目,先区分负载过重和浏览器或 GPU 配置问题。

快速解读

  1. 浏览器正在使用集成 GPU,而不是独立 GPU。
  2. 浏览器设置中的硬件加速被关闭了。
  3. 你的设备应该使用 Light 或 Medium,却正在跑 Heavy 或 Extreme。
  4. 温度降频 — 笔记本电脑使用电池,或手机过热。
  5. 另一个标签页(视频、Maps、WebGL 广告)正在和测试竞争 GPU。
  6. WebGL 2.0 不可用,或图形上下文已经丢失。
  7. 浏览器扩展干扰了 canvas 或 GPU 渲染。
  8. 浏览器或 GPU 驱动需要更新。

1. 使用了错误的 GPU

在同时有集成显卡和独立显卡的笔记本电脑上,Chrome / Edge / Firefox 常常为了省电而默认使用集成 GPU。打开 chrome://gpuedge://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 负载标签页并重启浏览器,也能恢复丢失的图形上下文。

7. 浏览器扩展发生冲突

隐私保护、脚本拦截、canvas 防护或 GPU overlay 扩展可能阻止或修改 WebGL。请使用干净的浏览器配置,或暂时对本站禁用扩展,再运行相同模式;随后逐个启用以定位冲突。

8. 浏览器或 GPU 驱动过旧

更新浏览器和 GPU 驱动,重启浏览器后再次确认 WebGL 加速。如果只有某个浏览器失败,请用另一个最新版浏览器复测,以区分浏览器问题和设备级图形问题。

重新运行测试

套用修复后,再测一次看看差异。

再次运行 Volume Shader BM 测试 →

相关指南

标签
故障排查性能浏览器