Web Worker无onMessage时性能骤降的原因探究

你观察到的这个性能差距，核心和JavaScript引擎的即时编译（JIT）策略以及Worker线程的初始化状态直接相关，具体原因如下：

1. Worker初始化阶段的JIT编译未完全预热 #

当Worker创建后立即执行循环代码时，线程刚启动，JavaScript引擎还处于初始化阶段，JIT编译器尚未完成预热。这段顶级作用域的代码通常会被引擎以解释执行或基础编译的方式处理，没有触发深度优化编译（比如V8引擎的TurboFan优化），自然执行效率低下。

2. onmessage触发时JIT已完成优化准备 #

当通过postMessage触发onmessage事件执行循环时，Worker线程已经完成了初始化流程，JIT编译器已经完成预热。此时引擎会将回调内的循环识别为热点代码，自动触发优化编译，生成高效的机器码，所以循环执行速度会大幅提升。

3. 代码执行上下文的编译策略差异 #

引擎对Worker顶级作用域的代码和事件回调代码的编译策略不同：

• 顶级代码被视为一次性执行的初始化逻辑，引擎不会优先分配资源进行深度优化；
• 事件回调属于可能被多次触发的逻辑，引擎会默认倾向于为其开启优化编译路径，尤其是当代码被重复执行时，优化效果会更明显。

补充验证思路 #

如果将Worker初始化时的循环代码包装成函数，先调用一次（让JIT预热），再调用第二次，你会发现第二次的耗时会接近onmessage触发的耗时，这就能直接验证JIT优化的影响。

你提供的性能测量代码整理如下：

var worker = new Worker('worker.js');
var time   = performance.now();
worker.onmessage = function(event) { 
  time = performance.now() - time;
}

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