使单页Web应用程序执行得更快

Question

我有一个单页的网络应用程序（实际上是它的PhoneGap）。

它有很多不同的“页面”或屏幕 - 现在大约30页。

问题在于，如果每个页面都加载了一些内容（复杂的元素列表，有时会长达数百个项目），应用程序开始陷入困境并变得非常慢，因为所有的html都存在，即使是隐藏的。

我在想，如果页面之间发生了变化，我会将内容的HTML存储在变量中，当用户想要返回该页面时调用并放回DOM中，这会使其他页面比离开更快DOM中的一切？所以基本上我一次只在html中有一整页。

在我花时间做之前想问一下！任何其他快速网络应用程序的链接也将受到赞赏

Answer 1

您可能需要删除无用的DOM以释放内存。

实际上，当你意识到你的页面（或应用程序）变得越来越慢时，你应该注意内存。

删除所有无用的DOM将是您案例的明智选择。下次，您需要再次显示它，您可以重新初始化它。

有时，您可能还需要删除无用的js对象，取消绑定事件等。