async属性告知浏览器异步下载JS文件，下载完成后立即执行，无需等待HTML解析完成。多个async脚本的执行顺序不保证与HTML中出现的顺序一致。
defer属性:
defer属性也告知浏览器异步下载JS文件，但JS文件的执行会在HTML解析完成后，DOMContentLoaded事件触发前进行。多个defer脚本的执行顺序与HTML中出现的顺序一致。
选择async还是defer取决于具体的应用场景：
async: 适合那些不依赖于DOM结构且彼此之间没有依赖关系的脚本。defer: 适合那些依赖于DOM结构或彼此之间有依赖关系的脚本。通过合理使用async和defer属性，我们可以有效地避免同步加载带来的性能问题，提升网页加载速度和用户体验。 此外，还可以考虑使用模块化加载方案（如Webpack、Rollup等）来进一步优化JS文件的加载和执行。
