黄子涵

查漏补缺——说说谷歌浏览器Network选项

问题

如题所示

答案

image

Network选项中最下面的数据是啥意思？

chrome开发者工具network选项卡最下面的状态栏数据说明

综上所述，可以得出以下结论：

  • 3/24requests —— 总共有24请求，本次一共监听到3个请求
  • 4.7MB/5.2MB transferred —— 资源总共有5.2MB，本次通过网络加载的资源有4.7MB
  • 4.7MB/5.2MB resources —— 资源总共有5.2MB，本次通过网络加载并且解压后的资源有4.7MB
  • Finish: 20.07s —— 网页上的http请求发送到响应完成一共花费20.07s
  • DOMContentLoaded: 1.67s —— DOM构建树完成一共花费1.67s
  • Load: 2.42s —— 页面加载完成一共花了2.42s
posted @   黄子涵  阅读(456)  评论(0)  编辑  收藏  举报
相关博文：
·  3.1.1 什么是路由
·  网站第二次的性能优化——开启 HTTP/2
·  Chrome浏览器Network详解
·  前端-谷歌浏览器network详解（转载）
·  浏览器network
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配，妙~啊~
· .NET Core 中如何实现缓存的预热？
点击右上角即可分享
微信分享提示
SQL AI 助手