现在为外部文件中的多个页面存储文档

Question

我的10-15页中的每一页在$(document).ready()

内都有100-200行js

将它们全部合并到一个外部文件中是明智的吗？我不明白这是怎么回事。浏览器是否必须同时检查所有内容，即使是当前页面上没有的功能？第二个问题可能是功能冲突。

请给我一些如何解决这个问题的提示。

Answer 1

如果js文件太大，您可以将这些行拆分为多个文件 请注意，100-200行非常小。如果大小对您来说非常重要，您应该缩小代码。

“我们应该忘记效率低，大约97％的时间说：过早 优化是万恶之源

关于函数冲突，使用命名空间和闭包，尽可能保持全局对象的清洁。

Answer 2

这是明智的吗？是。 你给浏览器一个大的可缓存块，他不用担心什么会提高页面加载速度。 将所有onload事件放在不同命名的函数中，并从相关页面调用它们，或者如果必须这样做，则重用不同页面上的函数。

Answer 3

你必须考虑各种各样的事情。

首先删除所有js到public cdn尽可能为ex jquery 其次总是缩小＆amp;将所有js组合到一个文件中（同样适用于css）

这里的优点是如果您有10个js文件浏览器必须发出10个请求并分别接收每个文件。更不用说移动设备中每个域的请求数量。

另一方面，如果所有文件都作为一个文件发送，则只有一个请求。你是对的，它会花费很多时间执行（或者至少检查所有的onready东西）但是这个处理时间比文件不同时发生的请求时间要低得多。