Javascript应该按页面分成文件还是合并到一个文件中?

时间:2010-03-26 22:27:43

标签: javascript jquery

我是否应该为每个页面分隔我的js,假设没有重叠并在每个页面上放置引用而不是有一个主文件?什么是典型的做法?感谢

3 个答案:

答案 0 :(得分:3)

您网站每个页面的所有内容都应位于一个文件中,因为浏览器只会加载一次。

特定于单个(或可能是2个)页面的代码应该使用单独的文件,只能由需要它们的页面加载。

这就是我的方式:您使用浏览器的缓存来减少带宽并加速页面的加载和呈现。

答案 1 :(得分:2)

对于不经常访问的页面,加载javascript内联(在所有标记的底部)以获得最快的加载时间(需要少一个TCP连接,就像单独的.js脚本文件一样)。

对于频繁访问的页面,请执行相反的操作:引用.js脚本文件 - 在这种情况下,浏览器的缓存在页面加载的聚合中提供了更大的优势。

在较大的项目中,在单独的.js文件中开发javascript(例如,您可以使用模块模式),然后生成将它们编译为单个文件(或应用程序的每个体系结构的多个文件)脚本。

答案 2 :(得分:2)

这完全取决于您拥有的应用程序类型。如果您的应用经常被访问但是很短的时间,那么初始加载时间很重要,您应该尝试组合文件。

但是,如果您希望用户在您的应用中花费数小时并且初始加载时间并不重要,那么我建议您根据需要对.js文件进行分区以使其可读 - 因为它们都是在初始加载后无论如何都要缓存。

不要相信炒作。除非你是谷歌搜索引擎,否则你应该注意不要在初次启动时花费几秒钟(或更少)来牺牲可读性。换句话说,经验法则就是这样,不要神经学地遵循它们 - 先想想:-)