如何阅读 Chrome DevTools 中的网络选项卡 - 加载时间
How do I read the Network Tab in Chrome DevTools - Load Times
自从我最近一直在与 UI 合作以来，我一直对此感到好奇，并且想了解更多相关信息。
我一直在阅读 chrome 网络参考指南，但不确定我是否理解正确。我主要对底行或摘要窗格感到好奇。
据我所知，这里有 30 个请求，总大小为 34.7 KB，但我不确定接下来的内容。所以我想要剩余的统计数据。
1) 758 KB 资源 - 这是加载和发送的资源总量吗？
2) 完成：448 毫秒 - 这是整个网站完成加载所用的时间吗？
3) DOMContentLoaded：235 毫秒 - 这是浏览器解析收到的 DOM 所花费的时间吗？
4) 加载：421 毫秒 - 这是我的浏览器完成加载页面所有必要资源（如字体、图片等）所花费的时间吗？
transferred 表示来自网络，其余（总共 758 kB）来自缓存finish 是最后一个资源的时间戳，因此每当发出新请求时它都会更改DOMContentLoaded 是 DOMContentLoaded 事件的时间戳：
fired when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading
Load 是 load 事件的时间戳：
fired when a resource and its dependent resources have finished loading
自从我最近一直在与 UI 合作以来，我一直对此感到好奇，并且想了解更多相关信息。
我一直在阅读 chrome 网络参考指南，但不确定我是否理解正确。我主要对底行或摘要窗格感到好奇。
据我所知，这里有 30 个请求，总大小为 34.7 KB，但我不确定接下来的内容。所以我想要剩余的统计数据。
1) 758 KB 资源 - 这是加载和发送的资源总量吗？
2) 完成：448 毫秒 - 这是整个网站完成加载所用的时间吗？
3) DOMContentLoaded：235 毫秒 - 这是浏览器解析收到的 DOM 所花费的时间吗？
4) 加载：421 毫秒 - 这是我的浏览器完成加载页面所有必要资源（如字体、图片等）所花费的时间吗？
transferred表示来自网络，其余（总共 758 kB）来自缓存finish是最后一个资源的时间戳，因此每当发出新请求时它都会更改DOMContentLoaded是 DOMContentLoaded 事件的时间戳：fired when the initial HTML document has been completely loaded and parsed, without waiting for stylesheets, images, and subframes to finish loading
Load是 load 事件的时间戳：fired when a resource and its dependent resources have finished loading