Performance jQuery移动应用程序的性能问题

我使用phonegap和jQuery mobile构建了一个相当大的应用程序。我有大约5个页面，其中一个HTML页面（根据jQuery手机导航系统）共享一个主JS文件，其中包含3400行JS代码

这个应用程序在开发期间运行得比较慢，我想知道将应用程序拆分成单独的HTML文件并将它们加载到DOM中是否会有所不同

第二，是否也值得将javascript拆分，以便页面当前只加载页面上需要的javascript

---

比如，我要把全部3400行代码加载到设备上吗？或者在页面中插入所需的JS？

是的，正如Nathan所说，我想你已经知道答案了

我绝对建议您将应用程序拆分为单独的HTML页面和JavaScript，并仅在需要时加载JavaScript。我听说有人建议使用单页架构方法，尽管两者的区别在于HTML页面和JavaScript在需要时被注入并加载

有关正确实现单页体系结构的更多信息，请参见本文的第4部分

一开始把所有东西都载入内存不是个好主意。。。这是对资源的低效利用——从缓慢的性能可以看出

---

而且，拥有单独的HTML和JavaScript文件也应该更容易管理和理解

在jquery移动页面DOM中加载过多数据（listview中有250条记录）后。导航系统传输非常慢。我试过各种各样的把戏，但没有成功。最后，通过应用以下技巧，我获得了卓越的导航性能

尝试更改页面时，尝试从DOM中删除/隐藏填充的数据

什么时候回到页面。重新填充它

---

我相信你可以用常识自己回答这个问题……我已经阅读了该教程，它是迄今为止我所见过的关于PG应用程序架构的最好的教程。我只是想问，一开始加载所有的JS是否会对整个应用程序的响应性产生影响。感谢您的回答了解jQuery Mobile如何管理DOM也很重要。DOM越大，消耗的内存越多，这会降低性能。注入新页面时，将标记前一页（除非它位于默认源中）以进行删除。这有助于使DOM尽可能小。多页文档不能解决这些问题。您可能有一个突出的问题，即特定的JS不会在页面加载时执行，因此如果您有自定义JS延迟加载或需要在新页面上执行，则可能需要绑定到某些页面生命周期事件中。此外，请尽量减少HTML结构。因为一些HTML标记在呈现时很慢。如果需要使用HTML标记操纵HTML，那么尝试使用虚拟DOm策略。