WebAssembly做矩阵运算比JS慢？是不是我用错了？

シ海燕提问于 2026-03-22 10:26:21 阅读 52

前端

我最近在尝试用WebAssembly加速一个图像处理模块，里面涉及大量4×4矩阵乘法。但实测下来发现WASM版本居然比纯JavaScript还慢，有点懵。是不是我的调用方式有问题？

我用的是Emscripten编译的C++代码，导出函数后通过JS调用。数据是通过堆内存传递的，每次都要copy进WASM内存。难道问题出在这儿？

const result = new Float32Array(wasmModule.memory.buffer, resultPtr, 16);
wasmModule._mat4_multiply(aPtr, bPtr, resultPtr);
// aPtr 和 bPtr 是之前写入WASM内存的两个矩阵指针

科学计算

我来解答赞 7 收藏

反馈

2 条解答

一晨旭 Lv1

问题出在内存复制上。每次都要从JS内存拷贝数据到WASM内存确实会拖慢性能，特别是对于4x4矩阵这种小规模运算。

直接用这个方案：把矩阵运算逻辑放到WASM里面去，让WASM自己管理输入输出。这样就不用来回拷贝了。下面是改进后的代码：



extern "C" {

void mat4_multiply(float* a, float* b, float* result) {

    for(int i = 0; i < 4; i++) {

        for(int j = 0; j < 4; j++) {

            result[i * 4 + j] = 0;

            for(int k = 0; k < 4; k++) {

                result[i * 4 + j] += a[i * 4 + k] * b[k * 4 + j];

            }

        }

    }

}

}

然后在JS里这么调：
wasmModule._mat4_multiply(aPtr, bPtr, resultPtr);

记得编译时加上 -O3 优化选项。如果还是觉得慢，可以考虑把多个矩阵运算合并成一个函数批量处理，减少函数调用开销。

这活真够呛，但搞明白了就简单多了。试试看吧。

2026-03-26 11:02

Newb.明阳 Lv1

数据复制开销大，直接在WASM内部操作矩阵避免频繁拷贝。

2026-03-22 11:03