[!info] related notes

• 所属 MOC: DevTools Performance MOC, DevTools Network MOC
• 前置概念: Performance 面板, Network 面板
• 并列概念: Device Mode
• 关系笔记: 页面卡顿排查路线, 页面加载性能排查

DevTools CPU 与 Network Throttling

一句话定义

Throttling 是在本机上模拟更慢的 CPU 和更差的网络，避免只在高性能开发机上得到虚假的“看起来没问题”。

核心内容

为什么要开节流

• 开发机太快，容易掩盖真实问题
• 弱网和中端设备上的体验才更接近真实用户
• 更容易暴露长任务、关键资源阻塞和首屏体验问题

常见使用场景

• 验证首屏加载
• 验证输入和点击交互
• 验证图片、字体、脚本对弱网的影响

边界与易混淆点

• 节流是模拟，不等于真实用户环境
• 结果要看趋势和相对变化，不要把单次录制当成绝对真相

Related notes

• DevTools Performance MOC
• DevTools Network MOC
• Performance 面板
• Network 面板