爱上编程网

DevTool-Network

  • 时间:2019-11-27 09:48 编辑:青柠小助手 来源:计算机/互联网 阅读:2976
  • 扫一扫,手机访问
摘要:DevTool-Network

标签:位置   size   竖线   net   一个   idt   表示   时间差   绿色   

 技术图片

如图所示,图中蓝线表示DOMContentLoaded事件触发时经过的时间,DOM树构建花费的时间。

图中红线表示onload事件触发时经过的时间,也是所有的资源(图片等)下载处理完成的时间。

技术图片

图中绿色的条表示等待服务器响应的时间;蓝色的条表示资源下载的时间。

由此可知,第一个蓝色条结束的位置,是HTML下载完成的位置。

由它到蓝色竖线之间的时间差是构建DOM树花费的时间。

也可知:图片不影响浏览器渲染;只影响onload事件。

 

DevTool-Network

标签:位置   size   竖线   net   一个   idt   表示   时间差   绿色   

原文地址:https://www.cnblogs.com/lyraLee/p/11877087.html



技术交流学习或者有任何问题欢迎加群

编程技术交流群 : 154514123 爱上编程
Java技术交流群 : 6128790  Java

  • 全部评论(0)
最新发布的资讯信息
【数码/游戏/手机|网络游戏】some try on func swap about & and *(2019-12-06 18:04)
【数码/游戏/手机|网络游戏】“云小蜜”使用总结(2019-12-06 18:03)
【数码/游戏/手机|网络游戏】测验6: 组合数据类型 (第6周)-程序题(2019-12-06 18:03)
【数码/游戏/手机|网络游戏】Django大纲(2019-12-06 18:03)
【数码/游戏/手机|网络游戏】自下而上语法分析(2019-12-06 18:03)
【数码/游戏/手机|网络游戏】RocketMq安装(2019-12-06 18:03)
【数码/游戏/手机|网络游戏】JVM内存和JVM调优(十)--总结(2019-12-06 18:03)
【数码/游戏/手机|网络游戏】JVM-基本操作(2019-12-06 18:03)
【数码/游戏/手机|网络游戏】如何用Jpype创建HashMap和ArrayList(2019-12-06 18:03)
【数码/游戏/手机|网络游戏】Pandas操作excel(2019-12-06 18:03)
展开