javascript - Chrome - 脚本标签不阻塞

Question

在下面的例子中:

<script src="1.js"></script>
<script src="2.js"></script>
<img src="FDA.PNG" alt="" />

第一个标签应该会阻止 html 的解析，但根据时间线，它不会。

所有文件同时加载，为什么？

Answer 1

脚本按照它们在 HTML 中出现的顺序执行(除非您使用async 或defer 属性)。然而，浏览器非常欢迎以他们喜欢的任何顺序下载它们，包括并行下载，以及与他们在 HTML 中找到的其他资源(例如 CSS 文件和图像)并行下载。这是一件好事^(tm)，它有助于我们的页面加载速度更快。在轮到他们运行之前下载的脚本将保留到轮到他们运行。

The first tag should block the parsing of the html...

不是解析。只是构建 DOM 和执行脚本。