Chrome性能分析工具中的Idle时间并不代表服务器加载反应时间，而是捕获期间未执行任务的空闲时段。若Idle时间长，可能由于无效等待或不同事件间的碎片时间导致。要准确测量页面加载性能，应使用Timeline工具的自动刷新功能，确保记录的是有效加载过程。注意，Idle时间不完全等于服务器响应时间，还包括不同事件间的空白时段。
看了楼上诸多回答，真是为现在前端开发者捏了一把汗啊！题主不懂就罢了，答题的人不懂也硬往上凑，你们心可真大啊……
吐槽完毕，正经回答一下。
这里的 idle 含义是复合性质的，不能完全等同于服务器加载的反应时间，这是一次 timeline 捕获中的无效(无实际捕获的)时间。只要我愿意，我完全可以捕获出这样的结果：
然而这根本不能说明我这个页面加载的等待时间长达 11s，只是因为我开始捕获之后啥也没干，等了 10s 之后才刷新页面而已。
题主的问题在于没有说明你的截图是怎么录制的，所以这个 idle time 里面包含了多少无效的等待时间也就无法根据截图来准确反映了。
如果你真想准确的录制一次页面加载的完整过程(没有无效的等待)，那么你应该选择：
然后点击菜单右边的刷新按钮：
这时候浏览器会自动刷新并同时开始录制 timeline，在完全加载+执行+渲染完成后自动停止录制，这时候看到的饼图才是相对精确的。之所以说相对精确，是因为 timeline 本身也是有运行消耗的，只能作为相对参考值。
需要注意的是，这里的 idle 时间并不完全等同于服务器的响应时间，你需要注意到不同的捕获事件(loading, scripting, rendering, painting 等等)之间也会有短暂的空白，这些碎片时间都会被计入到 idle time 里面(所以也包括我在最前面演示的啥也没干的一大段空白时间)
timeline 不是专用于测试页面加载时间的，一堆人都没有搞明白 timeline 的作用，别再误导楼主了。
扫一扫
313
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
