DevTools CPU 与 Network Throttling
CPU 与 Network Throttling 用于模拟弱设备和弱网环境，帮助在开发机上更早暴露真实性能问题。
#type / concept
#status / growing
#tech / dev / frontend
#platform / browser
#resource / chrome-devtools
[!info] related notes
- 所属 MOC: DevTools Performance MOC, DevTools Network MOC
- 前置概念: Performance 面板, Network 面板
- 并列概念: Device Mode
- 关系笔记: 页面卡顿排查路线, 页面加载性能排查
DevTools CPU 与 Network Throttling
一句话定义
Throttling 是在本机上模拟更慢的 CPU 和更差的网络，避免只在高性能开发机上得到虚假的“看起来没问题”。
核心内容
为什么要开节流
- 开发机太快，容易掩盖真实问题
- 弱网和中端设备上的体验才更接近真实用户
- 更容易暴露长任务、关键资源阻塞和首屏体验问题
常见使用场景
- 验证首屏加载
- 验证输入和点击交互
- 验证图片、字体、脚本对弱网的影响
边界与易混淆点
- 节流是模拟，不等于真实用户环境
- 结果要看趋势和相对变化，不要把单次录制当成绝对真相