我使用 phonegap 和 jQuery mobile 构建了一个相当大的应用程序。我有大约 5 个页面，其中一个 HTML 页面（根据 jQuery mobiles 导航系统）都共享一个主 JS 文件，该文件有 3400 行 JS 代码。
该应用程序在开发期间运行速度较慢，我想知道将应用程序拆分为单独的 HTML 文件并将它们加载到 DOM 是否会有所不同？
其次，是否也值得将 javascript 拆分，以便当前仅加载页面上需要的 javascript 页面？
比如我应该准备好在设备上加载的全部 3400 行代码吗？或与页面一起注入所需的 JS？
是的，正如内森所说，我想你已经知道答案了。
我绝对建议将您的应用程序拆分为单独的 HTML 页面和 JavaScript，并仅在需要时加载 JavaScript。我听说人们推荐一种单页架构方法，尽管不同之处在于 HTML 页面和 JavaScript 是在需要时注入和加载的。
有关正确实现单页架构的更多信息，请参阅此PhoneGap 教程的第 4 部分。
在开始时将所有内容加载到内存中并不是一个好主意......这是对资源的低效使用 - 正如您从缓慢的性能中看到的那样。
拥有单独的 HTML 和 JavaScript 文件也应该更容易管理和理解。
在 jquery 移动页面 DOM 中加载太多数据〜（列表视图中的 250 条记录）后。导航系统传输非常缓慢。我尝试了很多技巧，但没有成功。最后，通过应用以下技巧，我获得了出色的导航性能。