浏览器文件加载顺序

css

下载的时候是并行的,

 

1、css加载不会阻塞DOM树的解析

2、css加载会阻塞DOM树的渲染

3、css加载会阻塞后面js语句的执行

js

浏览器对于Javascript的运行有两大特性:

1、载入后马上执行

2、一定是按照书写的顺序执行

 

一、如果是外部js脚本

1、下载时并行的,但是解析是串行的

2、下载的时候不会阻塞其他文件下载

3、解析的时候,阻塞页面的解析、渲染,阻塞他资源的下载

 

ps:不同浏览器对于同一个域名下的最大连接数有不同的限制,HTTP1.1协议规范中的要求是不能高于2个,但是大多数浏览器目前实际提供的最大连接数都多于2个.

这个限制在http2.0, 添加了多路复用,可以无限的请求了。

 

二、documen.write写入的内部脚本

这个情况比较复杂,不做讨论,不建议这么写。

 

三、通过js动态创建script标签.

添加的代码不会立即执行,而且不保证按照添加的顺序执行

img、video

图片资源是并行下载的而且不会阻塞页面渲染,

但是下载完后,页面需要重新渲染,因为dom结构会有所改变。

  
  
  
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值