javascript - 将您的 Javascript 分成单独的文件会对性能产生影响吗?

标签 javascript jquery jquery-mobile cordova

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

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

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

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

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

谢谢!


编辑

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

最佳答案

  1. 是:

    • 加载多个小文件比加载一个大文件需要更长的时间。
    • 脚本按顺序执行,因此对于多个文件,您有一个加载 - 运行 - 加载 - 运行循环,其中每个文件在前一个运行之前无法加载。
  2. 脚本按顺序运行,因此如果一个脚本依赖另一个脚本,则它们必须按正确的顺序运行。

  3. 如果作为一个包加载,网络传输时间是一样的,但是多个脚本将脚本加载到页面的过程还是稍微复杂一些。

关于javascript - 将您的 Javascript 分成单独的文件会对性能产生影响吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11063933/

相关文章:

javascript - 如何用自定义代码替换 window.onbeforeunload ?

php - 获取 PHP 变量以在 HTML Div 中显示

javascript - 数据导入 MySQL -> 值与无值

javascript - 删除 <select> 列表中的选项

javascript将变量传递给函数内部的函数

jquery - 如何检查下拉菜单中有多少个选项?

仅 JQuery Mobile 捏合缩放图像

css - jquerymobile 页面内容字体不起作用

javascript - jquerymobile slider 和断步属性

javascript - 如何禁用注入(inject)分隔符的 eslint 解析错误?