Cordova + jQuery Mobile - 页面上的大部分内容=导航时间不佳

时间:2013-12-26 23:03:17

标签: performance jquery-mobile cordova

我在iOS上有一个Cordova 3,jQM 1.3应用程序。 在first page上有很多内容。如果我离开(通过选项卡/导航栏)到second page,它会非常快速地显示页面(在一秒钟内),因为它的内容非常少。

每次我导航回first page时,都需要很长时间才能加载它。

我该如何改进?其他应用程序似乎没有这么长的加载时间,即使在内容繁重的页面上也是如此。

e:我正在使用changePage功能,没有转换,没有分接延迟。

1 个答案:

答案 0 :(得分:0)

这取决于您的内容和您的应用程序架构。

一种解决方案是不显示所有内容,而只显示其中的一部分,并提供一些加载其余内容的机制(向下滚动,按下按钮等)。这适用于单页面应用程序(每个页面对应于自己的html文件)和多页面应用程序(整个应用程序的一个html文件)。

另一种解决方案是在启动应用时加载页面。这只适用于多页应用程序。这意味着页面已准备好,在DOM树中,并且只要您调用它就可以使用。这有一个缺点,即在实际不需要时拥有更大的DOM,并且它可能会减慢应用程序的其他方面。

最后,尝试在jqm 1.4中升级,因为它声称速度更快。尝试以有效的方式生成您的内容(您可能已经这样做了,所以如果您这样做,请在此处忽略我)。不要在部分中输出上下文(例如for循环中的多个html())。尽可能多地保存您内容的大部分内容并将其作为一个整体输出(当然这是可能的)。