From Emscripten to WebAssembly: A Decade of Bringing C++ to the Browser

Emscripten

In 2010 Alon Zakai, after a failed startup, joined Mozilla and began working evenings and weekends on a tool that could compile C++ code to JavaScript so that existing C++ games could run in the browser without a full rewrite.

The first prototypes showed that simple functions like int add(int a, int b) { return a + b; } could be translated to JavaScript equivalents, but more complex cases such as integer division required explicit handling ( function divide(a, b) { return Math.floor(a / b); }).

Emscripten was officially released in 2011, using LLVM to turn C++ into bytecode and then into JavaScript. Early demos compiled Python and SQLite to JavaScript, proving that substantial native code could run in the browser.

asm.js

Because JavaScript is dynamically typed, its engines generate extra code to handle type checks, limiting performance. By emitting JavaScript that pretends to have static types—using tricks like bitwise OR to coerce values to 32‑bit integers—Emscripten could produce the asm.js subset, which browsers could compile ahead‑of‑time.

function add(x, y){
  a = x | 0; // x as int
  b = y | 0; // y as int
  return a + b | 0; // result as int
}

In 2013 the asm.js toolchain compiled the million‑line Unreal Engine to run in Firefox, demonstrating that high‑performance games were feasible.

WebAssembly

asm.js showed the potential of compiling typed languages to the web, but its JavaScript output still suffered from parsing and start‑up overhead. The industry therefore moved to WebAssembly, a binary format designed for speed, compactness, and direct execution.

From 2015 onward all major browsers (Firefox, Chrome, Safari, Edge) implemented WebAssembly, and the W3C ratified it as a standard in 2019. Modern tools like Emscripten 2.0 can compile C++ directly to .wasm modules:

git clone https://github.com/emscripten-core/emsdk.git
./emsdk install 2.0.24
./emsdk activate 2.0.24
source ./emsdk_env.sh
emcc -v

Compiled WebAssembly modules are dramatically smaller (average 62.5% size reduction) and faster (average 33.7% speedup) than their asm.js counterparts. Real‑world applications such as AutoCAD, Google Earth, and Google Meet now rely on WebAssembly for CPU‑intensive tasks like 3D rendering, video processing, and AI inference.

Conclusion

WebAssembly represents a revolutionary step for the web, enabling high‑performance, CPU‑bound workloads—such as graphics, audio, video, machine learning, AR/VR, and games—to run efficiently in browsers. Its development, driven initially by Mozilla and later embraced by all major browsers, illustrates how open collaboration can reshape web technology.