3

我正在用 jQuery 和 jQuery Mobile 编写一个 PhoneGap(Cordova) 应用程序。

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

(1) 这种方法有性能影响吗？

(2) 是否有我不知道的程序化效果？

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

谢谢！

编辑

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

4

3 回答 3

6

  1. 是的：

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

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

  3. 如果是一个包加载的话，网络传输时间是一样的，但是加载脚本到页面的过程还是会比较复杂，有几个脚本。

于 2012-06-16T13:47:54.673 回答
1
  1. 通常它不会对性能产生太大影响，但会降低数量。从客户端浏览器生成的请求。
  2. 将 js 保存在单独的文件中没有编程效果。
  3. 对于经典网站，最好保持您使用的方式。

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

于 2012-06-16T13:45:36.297 回答
1

当由客户端机器执行时，它不会有明显的影响。但是，拥有大量单独的 JS 文件会对用户感知的加载时间产生显着影响。这是所谓的“页面重量”的一个方面。

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

于 2012-06-16T13:48:04.457 回答