WebGL 与 WebGPU：Shader 测试 Benchmark 差异
比较 WebGL 与 WebGPU 在 shader workload、浏览器支持、timing 和结果可比性上的差异。
你将学到
- 两套 API 对 shader 工作负载和计时路径的主要差异。
- 移动端和桌面端兼容策略为何影响可对比范围。
- WebGL 与 WebGPU 结果差异常见来源。
- 选择正确 API 对比时应保留哪些实验条件。
- 如何在文档中让读者理解“可比范围”边界。
快速定义
WebGL 与 WebGPU 在负载模型、API 抽象和浏览器支持上差异明显，benchmark 指标不能直接混用，需要按方法学分开解读。
What is the difference between WebGL and WebGPU benchmarks? 指南
WebGL 与 WebGPU：Shader 测试 Benchmark 差异 中的「What is the difference between WebGL and WebGPU benchmarks?」重点说明：比较 WebGL 与 WebGPU 在 shader workload、浏览器支持、timing 和结果可比性上的差异。 这部分适合用来判断 shader 复杂度、浏览器图形路径和 GPU 稳定性。
实际测试时，请固定浏览器、预设、窗口大小、电源模式和热状态；如果页面变得卡顿或设备发热明显，应降低复杂度或停止运行。
How do WebGL and WebGPU change benchmark design? 指南
WebGL 与 WebGPU：Shader 测试 Benchmark 差异 中的「How do WebGL and WebGPU change benchmark design?」重点说明：比较 WebGL 与 WebGPU 在 shader workload、浏览器支持、timing 和结果可比性上的差异。 这部分适合用来判断 shader 复杂度、浏览器图形路径和 GPU 稳定性。
实际测试时，请固定浏览器、预设、窗口大小、电源模式和热状态；如果页面变得卡顿或设备发热明显，应降低复杂度或停止运行。
Why does Volume Shader BM use WebGL today? 指南
WebGL 与 WebGPU：Shader 测试 Benchmark 差异 中的「Why does Volume Shader BM use WebGL today?」重点说明：比较 WebGL 与 WebGPU 在 shader workload、浏览器支持、timing 和结果可比性上的差异。 这部分适合用来判断 shader 复杂度、浏览器图形路径和 GPU 稳定性。
实际测试时，请固定浏览器、预设、窗口大小、电源模式和热状态；如果页面变得卡顿或设备发热明显，应降低复杂度或停止运行。
可复现流程
01固定测试条件
02运行同一工作负载
03记录稳定性
对比说明
| 问题 | Volume Shader BM | 其他方法 |
|---|---|---|
| 核心问题 | 用于观察浏览器 WebGL volume shader 工作负载下的 FPS、frame time 和稳定性。 | 其他方法可能覆盖更广的原生图形、系统或平台指标，但需要按各自方法论解读。 |
| 测试条件 | 用于观察浏览器 WebGL volume shader 工作负载下的 FPS、frame time 和稳定性。 | 其他方法可能覆盖更广的原生图形、系统或平台指标，但需要按各自方法论解读。 |
| 适合用途 | 用于观察浏览器 WebGL volume shader 工作负载下的 FPS、frame time 和稳定性。 | 其他方法可能覆盖更广的原生图形、系统或平台指标，但需要按各自方法论解读。 |
关键结论
- 01 不同 API 的数据适合放在同一结论链条时要明确注释。
- 02 WebGPU 可能更贴近部分原生路径，但可覆盖设备更少。
- 03 WebGL 更易覆盖更广，但时间统计语义也更受浏览器影响。
- 04 对比时优先让每张表都带方法学脚注。