compute pressure api 当前仅支持 cpu 压力监测,无 source 配置项;正确用法是 new computepressureobserver(callback, {sampleinterval}) 并调用 observe(),entry.state 返回 "light"/"moderate"/"heavy"。

Compute Pressure API 不支持 source: cpu 这种写法
目前(截至 Chrome 125)的 ComputePressureObserver 并没有 source 配置项,更不存在 source: "cpu" 或 source: "gpu" 的选项。这是个常见误解——有人把 WebGPU 的设备选择逻辑或某些未落地的提案草案当成了已实现功能。
Compute Pressure API 当前只监测 CPU 压力,且仅限于支持该 API 的浏览器(目前仅 Chromium 内核,如 Chrome、Edge),它不提供 GPU 压力观测能力,也没有计划在 v1 中加入。
-
ComputePressureObserver构造函数只接受一个回调函数和可选的sampleInterval(毫秒),无其他配置参数 - 规范中从未定义
source字段;若强行传入会被忽略,不会报错但也不起作用 - 所谓“指定 CPU”是多余的——它本来就不监测 GPU,压根没得选
正确初始化 Compute Pressure Observer 的写法
要实际拿到 CPU 压力等级("light" / "moderate" / "heavy"),只需检查 API 可用性并实例化观察者:
if ('ComputePressureObserver' in window) {
const observer = new ComputePressureObserver((entries) => {
for (const entry of entries) {
console.log('CPU pressure:', entry.state); // → "light", "moderate", or "heavy"
console.log('timestamp:', entry.timeStamp);
}
}, {
// 注意:这里没有 source 字段
sampleInterval: 1000 // 可选,最小间隔约 100ms,实际受系统节流影响
});
observer.observe(); // 开始监听
} else {
console.warn('Compute Pressure API not supported');
}
关键点:
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图,自动匹配视觉风格。触发场景:文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
-
entry.state是唯一可用的压力等级标识,它反映的是综合 CPU 负载(含调度、热节流、功耗等),不是单纯利用率百分比 -
sampleInterval是提示值,浏览器可能因省电或性能原因延迟派发事件 - 必须调用
observe()才会开始接收数据;暂停可用unobserve()
为什么你搜到的 source: cpu 示例不可信
这类代码通常来自三类地方:
- 混淆了早期 Chromium 实验性 flag(如
--enable-blink-features=ComputePressure)的内部调试参数 - 误引了已被弃用的
PerformanceObserver+"cpu-freq"等非标准提案草稿 - 把 WebGPU 的
GPUAdapter选择逻辑(如powerPreference: "high-performance")张冠李戴
所有带 source 键的示例在当前稳定版 Chrome 中运行时,既不会报错也不会生效——它只是被静默丢弃的无效配置。
替代方案:想测 GPU 负载?目前没有标准 Web API
如果你真需要感知 GPU 工作强度(比如 WebGL 渲染帧率骤降、WebGPU 提交卡顿),只能间接推断:
- 用
performance.now()+requestAnimationFrame监测帧时间波动 - 在 WebGL 中读取
EXT_disjoint_timer_query(需开启,且兼容性差) - WebGPU 暂无公开的 GPU 压力指标,
GPUQueue.onSubmittedWorkDone()只反馈提交完成,不反映负载
硬要“指定 CPU”反而暴露了一个事实:你可能真正想要的是区分计算密集型任务的瓶颈位置——而 Compute Pressure 的 state 就是浏览器给出的、面向用户体验的综合判断,不是底层硬件仪表盘。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










