Benchmarking on short, isolated algorithms is not really the best way to compare the performance of two languages, but it is the simplest. If you want to realistically compare real-world use, the best way is always going to be to write the same real-world program in both target languages.
1. WebAssembly is fast
As we can see from this graph, for a simple array reversal, increasing the array size - and therefore computational complexity - allows us to see just how more performant the C Wasm is. Testing on mobile devices actually shows an even greater disparity in performance - with C up to 30 times faster on Android Chrome in my experience.
2. Calling WebAssembly is slow
The performance of the JS-Wasm boundary is still problematic.
The above graph shows that as we increase the number of calls from JS to Wasm (iterations), the worse the performance is when compared with native JS.
3. You probably don't need to use WebAssembly
4. WebAssembly has an exciting future
Putting these tests together has been the first time I've worked with WebAssembly and I have been seriously impressed with how easy it is. If you had told me 10 years ago that I would be able to run my C code in the browser I would have had a good chuckle.
Emscripten has been a joy to work with: just take a look at the Makefile to see how simple the compilation process is. What is lacking at the moment is an easy way to interact with the DOM, or to take advantage of any other browser APIs. I think we will see an explosion of WebAssembly frameworks and libraries over the next few years, with things like a C-based jQuery-esque library being inevitable.
Of course, WebAssembly is simply a compilation target - it is not limited to being written in C. Rust, for example, has been an absolute hotbed of Wasm activity in the last couple of years and has what looks like the most mature ecosystem, with libraries like wasm-bindgen helping to facilitate Wasm-JS interaction.
As the performance hurdle of the JS-Wasm boundary is improved, I believe it will become more feasible to write entire web applications in Wasm-compilable languages. Right now the tooling is not quite there, but I am super excited to see how things develop.
npm run watch
Bundling JS for deployment
npm run build
Rebuilding C Wasm
init_emcc.sh is pointing to your emcc install.
Then to rebuild, simply:
The easiest way is probably:
python3 -m http.server
You'll find the application at http://localhost:8000.