WebAssembly (Wasm): rendimiento casi nativo en el navegador

WebAssembly: ejecutando código nativo en el navegador

JavaScript es genial para muchas cosas, pero no fue diseñado para cálculos pesados. Si quieres ejecutar un motor de física, procesar video en tiempo real o compilar código en el navegador, JavaScript puede ser demasiado lento. WebAssembly (Wasm para abreviar) resuelve esto permitiéndote ejecutar código escrito en lenguajes como C++, Rust o Go directamente en el navegador, a velocidades casi nativas.

Cómo funciona WebAssembly

Escribes código en un lenguaje como C++ o Rust, lo compilas a un archivo binario .wasm y lo cargas en el navegador junto con JavaScript. El navegador compila este binario a código máquina, como una aplicación nativa. El resultado es que las tareas intensivas en cómputo se ejecutan mucho más rápido que el JavaScript equivalente.

El archivo .wasm se ejecuta en un entorno aislado — no puede acceder directamente al DOM ni al sistema de archivos. En su lugar, se comunica con JavaScript a través de una interfaz bien definida. JavaScript llama a funciones exportadas por el módulo WebAssembly, y el módulo WebAssembly puede llamar a funciones importadas de JavaScript. Los datos se comparten a través de un búfer de memoria compartida.

¿Qué puedes construir con WebAssembly?

Muchas cosas que antes eran imposibles o poco prácticas en el navegador ahora son factibles. El procesamiento de imágenes y video puede ocurrir en tiempo real — FFmpeg.wasm ejecuta la biblioteca FFmpeg completa en el navegador. Las bibliotecas de criptografía pueden funcionar a velocidad nativa. Motores de física 3D como Box2D y Rapier impulsan juegos y simulaciones. Los modelos de aprendizaje automático pueden ejecutar inferencias localmente utilizando ONNX Runtime Web o el backend WASM de TensorFlow.js.

Quizás el caso de uso más impresionante es ejecutar aplicaciones completas en el navegador. Tanto Unity como Unreal Engine pueden exportar juegos a WebAssembly, llevando juegos de calidad de consola al navegador. AutoCAD se ejecuta en el navegador a través de WebAssembly. Y herramientas como SQLite, Figma y Google Earth tienen componentes significativos de WebAssembly.

Cómo empezar

La forma más fácil de empezar con WebAssembly depende de tu lenguaje. Para C y C++, Emscripten es la cadena de herramientas más madura. Compila tu código a WebAssembly y proporciona código de pegamento JavaScript que maneja la carga y la gestión de memoria. Para Rust, wasm-pack se integra con Cargo y genera enlaces TypeScript automáticamente. Para Go, TinyGo produce binarios WebAssembly pequeños.

Para rendimiento, habilita SIMD (Single Instruction Multiple Data) para operaciones paralelas, usa Web Workers para ejecutar WebAssembly fuera del hilo principal, y compila en streaming los módulos usando WebAssembly.instantiateStreaming para que se carguen más rápido.

El futuro: WebAssembly en todas partes

WebAssembly ya no es solo para navegadores. WASI (WebAssembly System Interface) está estandarizando llamadas al sistema para archivos, redes y relojes, permitiendo que WebAssembly se ejecute en servidores, dispositivos periféricos e incluso como formato de plugin universal. El Modelo de Componentes permitirá que los módulos WebAssembly escritos en diferentes lenguajes interoperen sin problemas. WebAssembly se está convirtiendo en un tiempo de ejecución universal para el código, sin importar dónde se ejecute.