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

Question

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

该应用程序在开发期间运行较慢，我想知道将应用程序拆分为单独的HTML文件并将它们加载到DOM中是否会产生差异？

其次，是否也值得将javascript分开，所以页面上只需要javascript才能加载页面？

我应该准备好在设备上加载完整的3400行代码吗？或者将所需的JS与页面一起注入？

Answer 1

是的，内森说我认为你已经知道了答案。

我绝对建议您将应用程序拆分为单独的HTML页面和JavaScript，并在需要时仅加载JavaScript。我听说人们推荐使用单页架构方法，但不同之处在于HTML页面和JavaScript是在需要时注入和加载的。

有关正确实施单页架构的更多信息，请参阅此PhoneGap tutorial中的第4部分。

在开始时将所有内容加载到内存中并不是一个好主意...这是对资源的低效使用 - 正如您可以从缓慢的性能中看到的那样。

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

Answer 2

在jquery移动页面DOM中加载太多数据〜（listview中的250条记录）之后。导航系统转换非常慢。我尝试了一些狡猾的技巧但不成功。最后，我通过应用下面的技巧获得了非常好的导航性能。

1. 尝试更改页面时，尝试从DOM中删除/隐藏填充的数据。
2. 回到页面时。重新填充它。