Rust在瀏覽器Wasm和後端伺服器中執行效能比較
需求:有一個計算密集型程式,實現快速的演算法速度,然後需要將最終結果傳遞給瀏覽器;
解決方案:是在伺服器端(在 actix Web 伺服器中)執行它?還是在瀏覽器內的 Wasm 模組中執行它?
WASM 通常在客戶端執行,雖然它被編譯為二進位制格式,但它仍然在 WASM VM 中執行,這意味著它可能有點接近本機機器程式碼;
另一方面,在伺服器上執行的本機編譯的 Rust 程式碼通常會在本機機器程式碼的帳戶上更快(但同樣有很多變數和上下文無法承受)。
一些 CPU 密集型程式有時在 wasm 中明顯變慢,沒有明顯的原因。這是當前 wasm 實現的缺點之一,並且很難在程式方面修復:論文。
伺服器端程式碼很可能能夠使用 simd,但是並非所有瀏覽器都支援 SIMD,檢測一下瀏覽器是否支援它,如果支援,則獲得相當顯著的加速(並且 SIMD 首先適用於您的用例)。這幾乎是 WASM 在長時間執行的任務中比 JS 具有非常顯著的效能優勢的主要情況。
然而,您需要考慮的另一個因素是負載平衡:當客戶端數量增加時,您的伺服器是否仍然會更快?
最後,是否要將您的頁面提供給手機?如果是這樣,您的伺服器很可能會更快。
當你做你的 wasm 基準測試時,你是否開啟了 devtools標識?如果你這樣做,它會在某種除錯模式下執行,速度會慢 5-10 倍。
在Chrome瀏覽器中的開發工具dev tools控制檯有一個效能標籤,可以全速執行,當控制檯開啟時,wasm程式碼是 "分層 "的;而Firefox也有類似的 "開啟devtools "後速度更慢的行為。
在執行fibonacci演算法時,如果不開啟這個標識開關,其實現的WASM版本比javascript實現慢了5倍,開啟devtools後。一旦重新整理了頁面,關閉了它們,情況就相反了:WASM的速度是JS的5倍。
WASM VM 的效能無法與編譯為 x86 的應用程式相提並論:
一個方面是呼叫WASM模組的開銷。傳遞資料來往。這並不像人們想象的那樣多。如果你經常來回撥用,這可能是一個需要最佳化的領域。這也包括有多少資料被傳遞過去。因為這被複制了。
當你編譯Rust到WASM時,你會得到為你生成的捆綁JS檔案。另一個需要調查的領域是研究如何最佳化這些膠水程式碼。
WASM模組在使用前也要進行編譯和例項化。檢查這是否被包括在你的基準中。因為你可以在頁面載入後,在後臺,在你需要執行WASM數學程式碼之前提前做這個。
瀏覽器中的 WASM 目前通常非常緩慢且令人失望?錯了,純粹的計算(即不呼叫會減慢它的 JS)可以非常接近本機速度,如果它涉及大量 SIMD,您甚至可以擊敗本機程式碼。Idiomatic Rust 的速度也經常以 > 10 倍的速度擊敗慣用 JS。
JavaScript JIT 在最佳化方面表現出色,而 WASM 程式碼似乎沒有得到同樣的處理, wasm 仍然無法直接訪問任何瀏覽器 API。
相關文章
- 瀏覽器核心比較瀏覽器
- 【譯】Go和WebAssembly:在瀏覽器中執行Go程式GoWeb瀏覽器
- 介紹 Turbo:比 Yarn 和 NPM 快 5 倍,可以在本地瀏覽器中執行YarnNPM瀏覽器
- 在瀏覽器中執行vscode -DEV瀏覽器VSCodedev
- JS在瀏覽器中的執行機制JS瀏覽器
- Ooui:在瀏覽器中執行.NET應用UI瀏覽器
- 通過 WebAssembly 在瀏覽器執行 PHPWeb瀏覽器PHP
- 瀏覽器執行原理瀏覽器
- 瀏覽器執行緒瀏覽器執行緒
- [Hacker News 週報] 基於 WASM 在瀏覽器中執行 Office;K8s 紀錄片;GitHub 功能增強ASM瀏覽器K8SGithub
- 瀏覽器多執行緒和js單執行緒瀏覽器執行緒JS
- 在 vscode.dev 中直接執行 Python !純瀏覽器環境,無後端!VSCodedevPython瀏覽器後端
- 如何在瀏覽器中執行 VS Code?瀏覽器
- WebVM:無需後端伺服器直接在瀏覽器中實現的無伺服器環境Web後端伺服器瀏覽器
- Python、JavaScript和Rust的Web效能比較 - AlexPythonJavaScriptRustWeb
- CheerpX:使用 WebAssembly 在瀏覽器中執行任何程式語言Web瀏覽器
- Browserflow - 在瀏覽器中自動執行重複性任務瀏覽器
- DuckDB - DuckDB-Wasm:瀏覽器中的高效分析 SQLASM瀏覽器SQL
- 按照谷歌瀏覽器執行 js 在html中meta屬性設定谷歌瀏覽器JSHTML
- Web 應用客戶端渲染和伺服器端渲染的比較Web客戶端伺服器
- 不用Blazor WebAssembly,開發在瀏覽器端編譯和執行C#程式碼的網站BlazorWeb瀏覽器編譯C#網站
- emoji在瀏覽器中是如何傳遞給伺服器的瀏覽器伺服器
- Gradio-Lite: 完全在瀏覽器裡執行的無伺服器 Gradio瀏覽器伺服器
- 解決在IE瀏覽器中JQuery.resize()執行多次的方法薦瀏覽器jQuery
- 重學瀏覽器(1)-多程式多執行緒的瀏覽器瀏覽器執行緒
- 瀏覽器退出之後php還會繼續執行麼?瀏覽器PHP
- WebRTC在瀏覽器中的演示Web瀏覽器
- 瀏覽器端Less瀏覽器
- 瀏覽器EventLoop執行過程解析瀏覽器OOP
- 瀏覽器渲染程式多執行緒瀏覽器執行緒
- Higress 全新 Wasm 執行時,效能大幅提升ASM
- 我們們worker有力量-在瀏覽器中玩轉多執行緒和離線應用瀏覽器執行緒
- web快取伺服器效能比較nustervsnginxvsvarnishWeb快取伺服器Nginx
- java Socket Tcp 瀏覽器和伺服器(一)JavaTCP瀏覽器伺服器
- java Socket Tcp 瀏覽器和伺服器(二)JavaTCP瀏覽器伺服器
- 從一道執行題,瞭解瀏覽器中JS執行機制瀏覽器JS
- 瀏覽器效能優化-渲染效能瀏覽器優化
- 判斷是否在微信瀏覽器中瀏覽器