WebAssembly

Einfach erklärt

JavaScript ist die einzige Sprache, die nativ im Browser läuft. Das ist gut für die meisten Aufgaben, aber für rechenintensive Operationen – Bildverarbeitung, Kryptographie, ML-Inferenz – ist JavaScript zu langsam.

WebAssembly löst das: Code in C, Rust oder Go wird zu einem kompakten Binärformat kompiliert, das der Browser direkt ausführen kann – mit nahezu nativer Geschwindigkeit. JavaScript bleibt für die Browser-Interaktion zuständig, WASM für die schwere Arbeit.

JavaScript vs. WebAssembly:

Aspekt	JavaScript	WebAssembly
Sprache	Nur JS/TS	C, C++, Rust, Go, …
Performance	Gut	Nahezu nativ
DOM-Zugriff	Direkt	Über JS-Bindings
Dateigröße	Klein	Kompakt (binär)
Use Case	UI, Logik	Berechnungen

Technischer Deep Dive

Rust nach WASM kompilieren

// src/lib.rs
use wasm_bindgen::prelude::*;

#[wasm_bindgen]
pub fn tokenize(text: &str) -> Vec<u32> {
    // Hochperformante Tokenisierung in Rust
    text.split_whitespace()
        .map(|word| hash_word(word))
        .collect()
}

wasm-pack build --target web

JavaScript-Integration

import init, { tokenize } from './pkg/tokenizer.js';

await init();  // WASM laden

const tokens = tokenize("Hello, World!");
console.log(tokens);  // [12345, 67890]

ML-Inferenz mit ONNX Runtime Web

import * as ort from 'onnxruntime-web';

const session = await ort.InferenceSession.create('./model.onnx');
const input = new ort.Tensor('float32', inputData, [1, 768]);
const output = await session.run({ input });