爱上编程网

DevTool-Network

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

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

 技术图片

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

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

技术图片

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

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

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

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

 

DevTool-Network

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

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

  • 全部评论(0)
最新发布的资讯信息
【数码/游戏/手机|网络游戏】画一棵漂亮的樱花树(不同种樱花+玫瑰+圣诞树喔)(2019-12-19 15:35)
【数码/游戏/手机|网络游戏】conda pip 安装 dgl 并运行demo 出现:Segmentation fault (core dumped) 错误(2019-12-19 15:33)
【数码/游戏/手机|网络游戏】docker image换包步骤(2019-12-19 15:33)
【数码/游戏/手机|网络游戏】Cron表达式(2019-12-19 15:33)
【数码/游戏/手机|网络游戏】DRF单表序列化和反序列化(2019-12-19 15:33)
【数码/游戏/手机|网络游戏】[LC] 287. Find the Duplicate Number(2019-12-19 15:33)
【数码/游戏/手机|网络游戏】正则表达式常用匹配(2019-12-19 15:33)
【数码/游戏/手机|网络游戏】redis(2019-12-19 15:32)
【数码/游戏/手机|网络游戏】并发测试->countDownLatch(2019-12-19 15:32)
【数码/游戏/手机|网络游戏】console 打印消息时,可以使用 %c 指定随后的文本样式; %s 可引用参数变量。(2019-12-19 15:32)
展开