javascript - 在 iframe 中加载脚本标签

Question

我一直试图找到这个问题的答案，但始终找不到:

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

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

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

我的问题是:如果我想要更小的包，将 JS 文件拆分成 4 个较小的文件怎么办。如何在 iframe 中加载脚本标签？

如果它们是异步加载的:我可能会从中获得一些性能。如果它们一个接一个地加载:那么拥有更大的包并避免多次往返可能会更好。

Answer 1

Iframe 的工作方式几乎与父页面完全一样。可以把它想象成同时在浏览器中打开多个选项卡，每个选项卡都尝试尽快加载，独立于其他页面。

使用单个大包意味着一旦它在任何 iframe 中完成下载，浏览器就会缓存它，所有其他请求它的 iframe 将从缓存中加载得更快。

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