在 iframe 中加载脚本标签

Question

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

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

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

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

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

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

Answer 1

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

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

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