Chrome DevTools 里 Network 面板的瀑布图，那些彩色竖线到底在说什么
原创
Chrome DevTools 里 Network 面板的瀑布图，那些彩色竖线到底在说什么
用户12771345
发布于 2026-09-28 07:59:37
发布于 2026-09-28 07:59:37
概述
调接口的时候看到某个请求花了 1.2 秒，但后端说服务端处理只用了 80 毫秒，两边对不上。打开 Network 面板把瀑布图展开，能看到一行一行彩色的小条，分别标着 Queueing、Stalled、DNS Lookup、Initial Connection、SSL、Request Sent、Waiting (TTFB)、Content Download。这些阶段加起来才是浏览器眼里的总耗时，跟
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号