Javascript 性能 - 使用 $.getScript() 添加脚本

Question

我目前正在制作一种网络应用程序，其中一部分通过动态加载 js 脚本并将其添加到页面来工作。为此，我使用 JQuery 的 $.getScript()加载它的方法。

我已将其设置为缓存。

在我的程序中，如果脚本已经存在，它无论如何都会从似乎是缓存的地方再次加载。我想知道的是这会对网站和性能产生多大影响。与现有脚本具有相同 src 的新加载脚本是否会覆盖前一个脚本，或者新脚本是否与旧脚本一起添加？

此外，由于我的网站是一个 AJAX 网站，因此随着时间的推移，最终可能会加载来自不同页面的多个脚本。是否有浏览器限制一个人可以加载多少个脚本？

Answer 1

它会影响网站性能。即使您的脚本缓存在客户端并设置了过期时间，浏览器仍然需要解析和执行新包含的脚本。不仅如此，您很有可能会遇到 javascript 错误，因为您的脚本会覆盖先前版本已设置的变量。 JavaScript 解析和执行在所有浏览器中仍然是一个阻塞操作，因此当您的文件正在处理时，您的 UI 将被锁定。

要回答问题的第二部分，据我所知，给定页面上的 javascript 文件数量没有限制。我见过包含 200 多个 javascript 的页面都没有抛出任何异常。