<link href="file1.csss">
<script src="file1.js">
<script src="file2.js">
<img src="file1.png">
若是上述html,浏览器对其中的解析顺序自然是由上到下,但是下载的话是串行还是并行呢?和标签有关系吗?
图片上7 8 行的js为什么在chrome上显示是同一时间下载的?
7、8行的代码换过来也是如此
大家讲道理2017-04-10 17:29:59
<link href="file1.csss"> [A]
<script src="file1.js"> [B]
<script src="file2.js"> [C]
<img src="file1.png"> [D]
[A]先下载,然后解析CSS,构建StyleSheet树
然后[B]执行后,[C]下载执行,[D]解析出图片地址,执行异步下载,文档继续往下解析
多个图片执行并行下载
script标签加入 async属性可以实现异步并行下载,不保证脚本按其添加的顺序执行;defer属性可以实现延迟下载在DOM文档解析完成后执行下载,执行顺序按脚本添加的顺序