查看 worker 耗时最直接的方法是在主线程和 worker 内部分别记录时间戳,通过计算差值并发送回主线程进行汇总。具体做法是利用 performance.now() 获取高精度时间,在 worker 执行关键任务前后打点,将结果通过 postmessage 传回主线程;同时主线程也需记录从 postmessage 发出到收到响应的时间,从而完整还原通信与执行的总耗时。

Worker 内部任务执行耗时如何精确测量
要获取 Worker 内部纯计算或逻辑处理的耗时,需要在 Worker 脚本中包裹代码块并记录时间差。使用 self.performance.now() 或 new Date().getTime() 均可,前者精度更高。计算出耗时后,通过 self.postMessage() 将数据发送给主线程。这种方式能排除网络传输和主线程调度带来的延迟,仅反映 Worker 自身的处理效率。

const startTime = self.performance.now();
// 模拟耗时任务
let result = 0;
for (let i = 0; i < 1e7; i++) {
result += i;
}
const endTime = self.performance.now();
const duration = endTime - startTime;
self.postMessage({
type: 'task_complete',
duration: duration,
result: result
});
上述代码在 Worker 中定义了一个简单的循环任务。运行后,主线程接收到的消息对象中,duration 字段即为该任务的执行耗时(单位毫秒)。开发者可以通过监听 message 事件来获取这个数值,用于性能监控或调试。
立即学习“Java免费学习笔记(深入)”;
主线程与 Worker 的通信往返耗时怎么统计
完整的性能分析不仅包含 Worker 内部耗时,还涉及主线程与 Worker 之间的消息传递开销。主线程在发送消息前记录一个时间戳,在收到 Worker 回复时记录另一个时间戳,两者之差即为通信往返时间(RTT)。结合 Worker 内部耗时,可以分析出系统瓶颈是位于计算本身还是通信队列。

// 主线程代码
const worker = new Worker('worker.js');
const sendTime = performance.now();
worker.postMessage({ action: 'calculate' });
worker.onmessage = (event) => {
const receiveTime = performance.now();
const rtt = receiveTime - sendTime;
console.log(`Worker internal time: ${event.data.duration}ms`);
console.log(`Communication RTT: ${rtt}ms`);
// 计算实际调度延迟
const schedulerDelay = rtt - event.data.duration;
console.log(`Scheduler/Queue Delay: ${schedulerDelay}ms`);
};
在主线程代码中,我们记录了发送时刻 sendTime 和接收时刻 receiveTime。通过对比 event.data.duration(Worker 内部耗时)与总往返时间 rtt,可以得出调度延迟 schedulerDelay。如果调度延迟显著,说明主线程繁忙或消息队列堆积,需要优化消息发送频率或合并数据。
当 Worker 返回空结果或报错时耗时数据如何处理
在实际开发中,Worker 可能因异常终止或返回无效数据导致耗时统计失真。此时需要在 Worker 内部增加 try...catch 块,确保即使出错也能发送状态信息。主线程需检查消息类型,若为错误状态则忽略耗时计算或记录为特定标记,避免污染性能指标。同时,应验证返回数据的结构完整性,防止因解析失败导致的后续逻辑错误。



















