使用 标签引入 JavaScript 文件：同步与异步加载的比较
在网页中引入外部 JavaScript 文件时， 标签提供了两种加载方式：同步加载和异步加载。
同步加载 (默认行为)
默认情况下， 标签会同步加载 JavaScript 文件。这意味着浏览器会在解析到 标签时，暂停 HTML 解析，先下载并执行该 JavaScript 文件，然后才继续解析剩余的 HTML 代码。 这种方式可能会导致页面加载缓慢，因为 JavaScript 文件的下载和执行会阻塞 DOM 的渲染。
异步加载
为了避免阻塞 DOM 渲染，可以使用异步加载方式。这可以通过在 标签中添加 async 属性来实现：
添加 async 属性后，浏览器会异步下载 JavaScript 文件，而不会阻塞 HTML 解析。 下载完成后，浏览器会在 DOM 解析完成后立即执行该脚本。 需要注意的是，async 属性仅适用于外部 JavaScript 文件，不适用于内联 JavaScript 代码。 多个 async 脚本的执行顺序可能与它们在 HTML 中出现的顺序不同。
总结: 选择同步还是异步加载取决于具体情况。如果 JavaScript 文件包含关键的页面渲染逻辑，则应避免使用异步加载，以免出现页面渲染问题。 如果 JavaScript 文件只是包含一些非关键性的功能，例如统计代码或广告代码，则可以使用异步加载来提高页面加载速度。
