在iframe中加载脚本标记

Question

我一直试图找到答案但却找不到答案：

我在父页面上加载了四个iframe。这些I帧中的每一个都有javascript要执行（每个帧中的JS略有不同）。

目前，我已将所有JS捆绑到一个文件中，该文件位于每个框架的标记中。

我看到的行为是浏览器只向该脚本发出一个请求，因为它在每个帧中都是相同的。

我的问题是：如果我想要更小的捆绑包，将JS文件分成4个较小的捆绑包，该怎么办？如何在iframe中加载脚本标记？

如果他们重新加载异步：我可能会从中获得一些性能。 如果他们一个接一个地装载：那么拥有更大的捆绑并避免多次往返可能会更好。

Answer 1

iframe的工作方式几乎与父页一样。可以想象它是在浏览器中同时打开几个选项卡，每个选项卡都尽可能快地加载，而与其他页面无关。

使用单个大型捆绑包意味着一旦在任何iframe中完成下载，浏览器将对其进行缓存，并且请求它的所有其他iframe将从缓存中加载更快。

使用较小的捆绑包意味着如果特定的脚本在其他iframe之前完成，则每个iframe可能会更快地完成加载，但是不能保证他们完成哪个订单。他们都会尝试异步加载各自的文件。