Wasm中调用sleep(seconds)无法降低CPU占用率的问题

问题根源 #

浏览器Web Worker环境下，POSIX sleep() 无法像原生Linux系统那样真正释放CPU：

• 原生系统中sleep()会让操作系统挂起当前线程，把CPU资源让给其他进程；
• 但WebAssembly编译工具（如Emscripten）在浏览器环境中，同步阻塞的sleep()本质是用模拟方式实现（比如busy-wait），并不会让Web Worker线程被操作系统挂起。你看到的“线程休眠”只是Wasm代码逻辑层面的暂停，Worker线程本身仍在占用CPU，所以占用率不会下降。

正确解决思路：用浏览器异步API替代同步sleep #

要真正降低CPU占用，得贴合浏览器的事件驱动模型，用异步休眠让Worker线程在空闲时释放CPU。具体实现分两步：

1. 改造Wasm代码，拆分循环为单次计算 #

把原来的无限同步循环拆成单次计算函数，完成后通知JavaScript触发下一轮：

#include <emscripten.h>

// 定义回调函数，用于通知JS启动下一轮计算
typedef void (*NextLoopCallback)();
NextLoopCallback g_next_cb;

// 初始化回调
EMSCRIPTEN_KEEPALIVE
void set_next_callback(NextLoopCallback cb) {
    g_next_cb = cb;
}

// 执行一轮计算逻辑
EMSCRIPTEN_KEEPALIVE
void run_single_loop(u32 *buff) {
    u32 size = 16;
    for (u32 i = 0; i < size; i++) {
        // 你的业务逻辑
    }
    // 通知JS可以启动下一轮
    g_next_cb();
}

2. 在Web Worker的JS中实现异步循环 #

用浏览器原生的setTimeout实现休眠，再调用Wasm的单次计算函数：

import WasmModule from './your-wasm-build.js';

// 初始化你的缓冲区
const buffer = ...;

WasmModule.onRuntimeInitialized = () => {
    // 设置Wasm的回调函数
    WasmModule.set_next_callback(() => {
        // 休眠1秒后执行下一轮，时间可按需调整
        setTimeout(() => {
            WasmModule.run_single_loop(buffer);
        }, 1000);
    });

    // 启动第一轮计算
    WasmModule.run_single_loop(buffer);
};

方案优势 #

• setTimeout是浏览器原生异步API，休眠期间Worker线程会回到事件循环等待状态，操作系统会回收CPU资源，真正降低占用率；
• 这种方式完全符合浏览器的运行模型，不会出现同步阻塞导致的CPU浪费。

额外提示 #

如果坚持要用同步方式，Emscripten提供了emscripten_sleep()，但它在浏览器环境下依然是模拟实现，无法真正释放CPU，所以优先推荐异步方案。

内容的提问来源于stack exchange，提问作者Marco Ciaramella