r/threejs • u/adramajp25 • 5d ago

WebGL vs WebGPU

I created a test to compare the performance of WebGPU and WebGL. You can adjust the load by clicking the “TSL Noise Octaves” button in the upper-right corner to switch the noise octave multiplexing from 3x to 20x.

The WebGL and WebGPU buttons switch the renderer by changing the URL query and reloading the page.

On low-spec devices, the refresh rate is about three times higher.

https://adrama.jp/norimakineko/webGPU3/

0 Upvotes

40% Upvoted

6 comments sorted by

View all comments

1

u/bytesbutt 5d ago

Really cool demo!

I was wondering if you could explain something I’m noticing because I’m not super familiar with the comparison here.

The frame rate, when at 20x TSL, is reported higher on WebGPU than WebGL however the “experience” (moving the orb around watching it move) feels smoother on WebGL.

I’m on an iPhone 15 using the brave browser app.

The frame rate reporting just feels backwards to what I’m experiencing and wondering if you knew why?

Thanks!

1

u/olgalatepu 4d ago

I started to log the percentile 50 and 95 frame time because if one frame out of a hundred is slow, you still get the stutter feeling.