Wenn Sie schon lange genug in Entwicklerkreisen herumlungern, haben Sie wahrscheinlich schon das Geflüster über WebAssembly (oder Wasm, weil Entwickler Akronyme lieben, wie ich mag) gehört Kaffee).

Es wurde einst als das „nächste große Ding“ gefeiert, das glänzende neue Tool, das versprach, Ihren Browser von einem einfachen Dokumentbetrachter in einen ausgewachsenen Superhelden zu verwandeln. Nun, WebAssembly gibt es schon seit ein paar Jahren, und wissen Sie was? Es ist immer noch da und hält dieses Versprechen. JavaScript ist nicht in den Hintergrund gerückt, aber Wasm hat im Hintergrund still und leise schwere Arbeit geleistet und ist zu einem soliden Partner im Web-Performance-Spiel geworden.

Was genau ist WebAssembly?

Stellen Sie sich Folgendes vor: JavaScript und C gehen etwas trinken, führen ein ausführliches Gespräch über Geschwindigkeit und Effizienz und boomen – WebAssembly ist geboren? Wasm ist eine Assembler-ähnliche Low-Level-Sprache, die Sie in Ihrem Browser ausführen können. Sie wurde entwickelt, um Webanwendungen schneller und effizienter zu machen und Dinge auszuführen, von denen Sie nie gedacht hätten, dass ein Browser sie bewältigen könnte. Stellen Sie sich das so vor, als ob Ihr Browser ein Sixpack unter sich hat – bereit, weit mehr zu leisten, als JavaScript leisten kann.

Im Klartext? WebAssembly ist ein kompiliertes Codeformat, das fast so schnell ausgeführt werden kann wie nativer Maschinencode und darauf ausgelegt ist, mit JavaScript zusammenzuarbeiten und es nicht zu ersetzen. Also nein, Sie müssen noch nicht alle Ihre hart erarbeiteten JS-Kenntnisse in den Papierkorb werfen.

Warum sollte es Sie interessieren? (Oder: Warum machen wir uns darüber lustig?)

Das Web eignet sich hervorragend zum Anzeigen von Katzenmemes und zum unendlichen Scrollen auf Twitter, aber in der Vergangenheit war es schlecht darin, mit allem umzugehen, was zu intensiv war – wie 3D-Spiele, Videobearbeitung oder Echtzeitsimulationen. Hier kommt Wasm ins Spiel. Er sieht durchtrainiert und einschüchternd aus wie ein Superheld, der bereit ist, Ihren Code aus den Fängen der Ineffizienz zu befreien?.

Das bringt WebAssembly auf den Tisch:

• Geschwindigkeit: Wasm läuft wirklich schnell. Zum Beispiel: „Verkürzt die Ladezeiten schnell um Sekunden“. Zum Beispiel: „Plötzlich fühlst du dich schlecht, weil du so oft mit JavaScript zu kämpfen hast.“
• Sprachflexibilität: Sie müssen sich nicht mehr auf JavaScript beschränken. Sie können in C, C, Rust und mehr programmieren. WebAssembly ist das egal – es wird alles in eine blitzschnelle Leistung im Browser umwandeln. Es ist die Schweiz der Programmiersprachen: neutral, aber insgeheim mächtig.
• Superkräfte für Browser: Möchten Sie 3D-Spiele, CAD-Software oder Modelle für maschinelles Lernen direkt in Ihrem Browser ausführen, ohne dass Ihr Computer im Hintergrund schreit? Wasm macht es möglich. Ihr Browser wird weniger zum „Textverarbeitungsprogramm“ und mehr zum „Iron-Man-Anzug“.

„Aber ich bin ein Webentwickler und JavaScript ist mein Lebensunterhalt!“

Zuallererst müssen Sie nicht mit JavaScript Schluss machen. Wasm spielt gut damit? Stellen Sie sich Wasm als den muskelbepackten Kumpel von JavaScript vor, der beim schweren Heben hilft, wenn JS nach ein paar Schleifen nicht mehr weiterkommt.

Tatsächlich kann WebAssembly Ihren JS-Code tatsächlich

besser machen. Wenn Sie leistungsintensive Aufgaben haben (wie komplexe Berechnungen, Dateianalyse oder Video-Rendering), können Sie diese an Wasm übergeben und ihm die schwere Arbeit überlassen, während JS sich auf seine übliche DOM-Manipulationsmagie konzentriert.

Die Beziehung zwischen JavaScript und WebAssembly ist wie das eine Superhelden-Team, bei dem der Kluge (JS) und der Muskulöse (Wasm) zusammenarbeiten, um den Tag zu retten. Keiner von beiden wird ersetzt – zusammen sind sie einfach besser. Wie Erdnussbutter und Gelee. Oder Tabulatoren und Leerzeichen (ein Scherz, starten Sie keinen Flammenkrieg).

„Okay, okay ... aber wie fange ich an, WebAssembly zu verwenden?“

Schritt 1: Atmen. Wasm mag einschüchternd klingen, aber es ist nicht so schwer zu verwenden – vor allem, wenn Sie schon einmal in einer kompilierten Sprache wie C, C oder Rust geschrieben haben. Wenn nicht? Herzlichen Glückwunsch! WebAssembly ist eine großartige Ausrede, um endlich die einschüchternde Sprache zu lernen, die Sie bisher gemieden haben.

Schritt 2: Besorgen Sie sich einen Compiler, der Wasm generieren kann. Es gibt zahlreiche Tools, die Ihren Code (in C, C, Rust usw.) in Wasm kompilieren.

Emscripten ist eine beliebte Wahl für C/C-Projekte, während wasm-pack sich hervorragend für Rust-Projekte eignet.

Schritt 3: Werfen Sie es in Ihren Browser. Sobald Sie Ihren Code in WebAssembly kompiliert haben, können Sie ihn in den Browser laden und damit beginnen, diese tollen Leistungssteigerungen zu nutzen. Wasm steht jedoch nicht im Rampenlicht – es soll im Einklang mit JavaScript funktionieren. Ihr JavaScript-Code ruft die WebAssembly-Funktionen auf, als wären sie nur ein Teil der Gruppe. Kein Drama.

Schritt 4: Gewinn. Oder lehnen Sie sich zumindest zurück und genießen Sie es, zuzusehen, wie Ihre Web-App Leistungsengpässe überwindet, als hätte sie einen Lachgas-Knopf.

Wird WebAssembly die Welt erobern?

Sehen Sie, wir sagen nicht, dass WebAssembly JavaScript überflüssig machen wird oder dass Ihr Browser aufgrund der bloßen Leistung der Ausführung von nahezu nativem Code spontan in Flammen aufgeht. Aber…

vielleicht?

In Wirklichkeit geht es in der Zukunft von WebAssembly mehr darum, das bestehende Web-Ökosystem zu ergänzen, als irgendetwas zu ersetzen. Es ist ein Werkzeug. Ein mächtiger Dienst, ja – aber er dient nur dazu, zu helfen und nicht, um die JavaScript-Monarchie zu stürzen. Und obwohl es wahrscheinlich noch ein paar Jahre dauern wird, bis Wasm im gesamten Web zum Mainstream wird, schlägt es bereits Wellen bei Spielen, Multimedia-Apps und sogar Blockchain. Ja, Blockchain. Denn anscheinend gibt es keinen Ort, an den Wasm nicht gehen würde.

Abschließende Gedanken: Wasm ist der wahre Deal

Wenn WebAssembly eine Person wäre, wäre es dieser Freund, der unangekündigt auftaucht, Ihnen beim Bewegen schwerer Möbel hilft und geht, ohne nach Pizza zu fragen. Es ist hier, um die Drecksarbeit zu erledigen: schwere Berechnungen, Leistungsoptimierungen und die Umwandlung des Browsers in ein Kraftpaket, das so viel mehr kann, als wir jemals für möglich gehalten hätten.

Wenn Sie also die Grenzen dessen, was Ihre Web-App leisten kann, erweitern möchten – oder Ihrem Browser einfach das Gefühl geben möchten, dass er ein Superhelden-Training absolviert hat – ist WebAssembly genau das Richtige für Sie? Denken Sie daran, mit großer Leistung gehen auch großartige Kompilierungszeiten einher?.

Über mich

Hallo, ich bin programORdie, und dies ist mein erster richtiger Artikel und ich würde mich über Ihr Feedback freuen, also hinterlassen Sie gerne einen Kommentar!!

Sie können sich auch meine Projekte ansehen oder auf GitHub Kontakt aufnehmen: programORdie2.

Ich hoffe, Ihnen hat der Artikel gefallen, ich wünsche Ihnen einen schönen Tag!?