Much nicer one for WebGPU is at https://webgpufundamentals.org/webgpu/lessons/webgpu-optimization.html. It uses a lot of memory (over 5 GB) on the gpu side.
Suggested method is to clone repository and add directory in Chrome's Sources/Filesystem tab.
For view only download webgl-perf.html and open it with browser.
Add support for WebGPU and compare its performance to webgl. Device is selected using powerPreference: "high-performance" or "low-power" in navigator.gpu.requestAdapter https://webgpu.rocks/reference/enum/gpupowerpreference/
webgl-perf.html:302 The powerPreference option is currently ignored when calling requestAdapter() on Windows. See https://crbug.com/369219127 https://issues.chromium.org/issues/369219127?pli=1
High-performance adapter can be selected using command line options or using Display settings
Compare to desktop implementation (wgpu)
- https://gpuweb.github.io/gpuweb/ - WebGPU API
- https://google.github.io/tour-of-wgsl/ - tour of WGSL - WebGPU Shading Language
- https://github.com/gfx-rs/wgpu - Rust implementation of WebGPU, See https://sotrh.github.io/learn-wgpu/
- https://github.com/google/dawn - Dawn is the native implementation of the WebGPU graphics API
- https://webgpufundamentals.org/webgpu/lessons/webgpu-fundamentals.html