html5 - 如何让JQM+Phonegap做的混合单页应用在原生平台运行流畅？

Question

最近，利用JQM+phonegap做了一个hybird的小应用，但是由于大部分页面的代码都写在一个html里，导致部署到安卓后加载时间较慢。也做了一些尝试，把不同功能的页面分离到不同的html里，但是加载速度还是没有得到较好的缓解。
怎样让JQuery Mobile做的混合单页应用高效的运行呢？还是这就是JQM的弊端？

Answer 1

你得先定位慢在哪儿，只是这么笼统的描述的话，别人也很难给出具体的优化措施。查一下 Remote Debugging，然后利用 Developer Tools 里的 Timeline 和／或 Profile 分析一下速度的瓶颈在哪里然后去考虑解决方案。

我去年底刚用 JQM 做了一个相册，因为移动端没来得及做，就弄了个来救火，最后嵌套在原生应用里效果非常好，速度也很理想。当然我为这个小小的模块下了很多功夫，算是一种尝试。你先分析一下哪里慢，然后再来讨论可行的解决方案。

Answer 2

去年试过Jquery Mobile，因为没有经验优化的不好所以很慢，一般人很难做出流畅的原生错觉。
你可以试试分离后都进行异步加载，或者减少主屏的元素，对dom渲染之类的进行优化

Answer 3

可以不用JQM的，速度很慢！