为什么在Chrome前端性能调试的时候，把F12打开要比不打开资源加载速度慢？

Question

为什么在Chrome前端性能调试的时候，把F12打开要比不打开F12时候资源加载速度慢很多？也就是说F12打开时候面板显示的加载时间不是用户实际的加载时间？那这个timeline还有什么意义。。？
补充一下：这个现象在我用自己IDE写代码然后开了个localhost做热重载的时候特别明显。

Answer 1

1. 请确定没有打开 disable cache 和 network throttling 选项（均位于 network 选项卡中）

2. 开发环境不适合进行性能评估，因为代码优化、开发工具等原因开发环境的效率会比生产环境低一些

Answer 2

你确定你认真看了吗？

你认真看一下记录完全后的timeline，是以MS为单位的。

至于记录过程中出现那个时间指的是分析，记录等操作用的时间。而不是加载网站用的时间。

具体用法可以看看这个Chrome-timeline

Answer 3

是不是开了 Disable cache？在 Network 面板

Answer 4

估计是disable 了 cache