写过性能优化的人都踩过这个坑——适配不同设备性能只能靠盲猜，高端机跑不满、低端机还是卡，今天 Chrome 152 把这件事精确到了四个档位

写过性能优化的人都踩过这个坑——适配不同设备性能只能靠盲猜，高端机跑不满、低端机还是卡，今天 Chrome 152 把这件事精确到了四个档位

做性能优化最难受的不是做不出来，是做完了发现低端机还是卡、高端机反而跑不满。以前只能靠设备内存、屏幕宽度、navigator.hardwareConcurrency 这些间接指标去猜用户机器扛不扛得住，猜对的代价往往是用户投诉换来的。

Chrome 152 稳定版推出一个浏览器原生的设备性能档位接口：navigator.cpuPerformance。这是一个只读整数，返回 1 到 4，含义如下：

• 1：几乎扛不住视频通话级别的负载
• 2：勉强能跑基本功能，复杂特效就别想了
• 3：正常设备，大多数场景都能流畅跑
• 4：高性能设备，还有余量开特效或多任务

返回 0 表示浏览器判断不出这台机器属于哪个档。

拿到这个数字之后，怎么用？官方给出的例子很直接：视频会议应用可以按档位选画质预设。

function getPresetFeatures() {
  const tier = navigator.cpuPerformance;
  switch (tier) {
    case 1: return { videoQuality: "QVGA", frameRate: 15, effects: [] };
    case 2: return { videoQuality: "VGA", frameRate: 24, effects: ["noise-reduction"] };
    case 3: return { videoQuality: "HD", frameRate: 30, effects: ["noise-reduction", "virtual-bg"] };
    case 4: return { videoQuality: "FHD", frameRate: 60, effects: ["noise-reduction", "virtual-bg", "ai-denoise"] };
    default: return { videoQuality: "auto", frameRate: 30, effects: [] };
  }
}

这个接口和 Compute Pressure API 是互补关系：CPU Performance API 回答”这台机器静态上快不快”，Compute Pressure API 回答”这一刻 CPU 是不是已经扛不住了”。先用档位决定功能开不开，再用压力观察器在负载冲高时把特效动态关掉。

需要注意的是，这个值可以被用户覆盖（Chrome 性能设置里可以改），也可以被企业管理员通过 CpuPerformanceTierOverride 策略强制指定。所以业务逻辑里不要拿它做权限判断，只做体验降级。

Privacy 这块设计得比较克制：只暴露四个粗档位，不暴露具体型号、核心数、CPU 架构。Mozilla 的评估是只增加 1-3 bits 额外熵值，远低于 hardwareConcurrency + deviceMemory 的组合。相比跑一个 benchmark 去猜，这已经是隐私友好的解法了。

怎么判断自己该不该接？如果你的产品有视频、会议、WebGL 渲染、动画特效这些场景，或者你想给低端机用户提供一个轻量版体验，这个 API 值得接。一个 if-else 的事情，换来的可能是低端机不再投诉、高端机不再浪费。

下一步建议：先在 Chrome 152+ 环境里打 console.log(navigator.cpuPerformance) 看一下返回什么，然后用这个值做一个条件渲染开关，不需要任何第三方库，三五行代码就能上线。