任何控制Javascript异步加载顺序的方法

Any way to control Javascript Async Load Order?

本文关键字：顺序 方法 加载 异步 控制 Javascript 任何      更新时间：2023-09-26

如何设置两个外部async Javascript文件的加载和执行顺序？

给定以下。。。

<script src="framework.js" async></script> // Larger file
<script src="scripts.js" async></script> // Small file

虽然由于文件大小的原因，scripts.js在framework.js之前下载并执行，但scripts.js依赖于framework.js。

在保持async属性的同时，是否有一种本地指定加载和执行顺序的方法？

如果要保留执行顺序，则需要使用defer。defer所做的是异步下载脚本，但将执行推迟到html解析完成。

<script src="framework.js" defer></script>
<script src="scripts.js" defer></script>

但是，一旦脚本数量增加，您可能需要开始创建自定义捆绑包。

您可以在这里看到差异

如果您需要IE9的解决方案（因为它不支持defer属性），我创建了一个小的加载器脚本：

https://github.com/mudroljub/js-async-loader

它异步加载所有脚本，然后按顺序执行它们。

相关文章：