zurück zum Artikel

WebAssembly: Flinkeren Code für den Browser produzieren

| Lars Hupel

WebAssembly ergänzt Browserfeatures und eignet sich besonders gut für rechenintensive Aufgaben. Hier erklären wir, wie die Technik funktioniert.

Neben den zwei großen Geschwistern HTML und CSS ist JavaScript mittlerweile ein unverzichtbarer Teil der modernen Webentwicklung geworden. Kein Wunder also, dass man immer mehr von dieser Sprache im Unterbau moderner Frontend-Anwendungen findet. Jedoch führt die maßlose Nutzung von JavaScript zu Anwendungen mit teilweise mehreren Megabyte an Code, sehr zulasten der Laufzeit.

Ob das immer vernünftig ist, lässt sich diskutieren, aber es gibt durchaus eine Reihe von sinnvollen Anwendungsfällen. Wer könnte sich beispielsweise heute noch ein Leben ohne Google Docs oder Bing Maps vorstellen?

Mehr zu Webentwicklung

Um den besonders rechenintensiven Teilen solcher Anwendungen Beine zu machen, gibt es die Sprache WebAssembly, die in modernen Browsern bereits integriert ist. Wir haben uns angeschaut, wie sie entstanden ist, was sie anders als JavaScript macht und ein kleines Beispiel in Form eines Zählers geschrieben, das Sie selbst nachprogrammieren können [11] [11].


URL dieses Artikels:
https://www.heise.de/-9159159

Links in diesem Artikel:
[1] https://www.heise.de/ratgeber/Webentwicklung-Kalender-in-eine-Website-integrieren-praktische-Moeglichkeiten-9311173.html
[2] https://www.heise.de/hintergrund/Webentwicklung-Fullstack-Anwendungen-mit-dem-Next-js-App-Router-9231420.html
[3] https://www.heise.de/hintergrund/Webentwicklung-Die-neue-Generation-JavaScript-Metaframeworks-9207984.html
[4] https://www.heise.de/ratgeber/WebAssembly-Flinkeren-Code-fuer-den-Browser-produzieren-9159159.html
[5] https://www.heise.de/ratgeber/Webentwicklung-Virtual-Reality-mit-WebXR-in-den-Browser-holen-9065192.html
[6] https://www.heise.de/hintergrund/Mit-Daten-URLs-Bilder-und-andere-Daten-in-Textdokumente-integrieren-7619551.html
[7] https://www.heise.de/hintergrund/Webservices-in-C-programmieren-mit-Boost-Beast-7518635.html
[8] https://www.heise.de/hintergrund/Webservices-in-C-JSON-Daten-de-serialisieren-mit-Bibliothek-PropertyTree-7524612.html
[9] https://www.heise.de/hintergrund/Webservices-mit-C-Routing-von-Anfragen-7546634.html
[10] https://www.heise.de/ratgeber/Webentwicklung-mit-React-Event-Streams-im-Frontend-7373389.html
[11] https://github.com/larsrh/ct-wasm