将Javascripts分成单独的文件是否会影响性能？

Question

我正在用jQuery和jQuery Mobile编写PhoneGap（Cordova）应用程序。

我是一个菜鸟，所以为了简单起见，我喜欢将我的脚本保存在单独的.js文件中，其功能大致根据功能划分。

（1）这种方法有性能影响吗？

（2）有没有我不知道的程序化效果？

（3）由于它是Cordova应用程序，所有文件都将预先打包，但当您谈论经典访问的网站时，这会变成更好/更糟的想法吗？

谢谢！

---

修改

自从提出这个问题以来，我发现了这篇博文。 http://css-tricks.com/css-sprites/。它解决了多个HTTP请求的问题以及相关的性能问题，尽管在图像的上下文中。

Answer 1

1. 是：

   • 加载几个小文件比一个大文件需要更长的时间。
   • 脚本按顺序执行，因此对于多个文件，您有一个加载 - 运行 - 加载 - 运行周期，在previos运行之前，每个文件都无法加载。

2. 脚本按顺序运行，所以如果一个脚本依赖另一个脚本，它们必须按照正确的顺序运行。

3. 如果它作为一个软件包加载，网络传输时间将是相同的，但是使用多个脚本将脚本加载到页面的过程仍然有点复杂。

Answer 2

1. 通常它不会对性能产生太大影响，但会降低性能。从客户端浏览器生成的请求。
2. 将js保存在单独的文件中没有编程效果。
3. 对于一个经典的网站来说，保持它的使用方式很好。

据我了解，这是一个设计问题，您需要在分解/累积脚本之间保持平衡。

Answer 3

客户端计算机执行时不会产生明显影响。但是，拥有大量单独的JS文件会对用户感知的加载时间产生明显影响。这是称为“页面权重”的一个方面。

每个文件都需要单独的查询请求，然后下载文件。对于小型或低流量站点，这无关紧要。但随着使用量的增加，它会变得非常明显。