使單頁網頁應用程序執行更快

Question

我有一個單頁網頁應用程序（實際上是它的PhoneGap）。

它有很多不同的'網頁'或屏幕 - 現在約30。

問題是，如果每個頁面都加載了一些內容（複雜的元素列表，有時數百個項目長），應用程序開始停滯並變得非常緩慢，因爲所有的html都存在，即使隱藏。

我在想，如果在頁面之間發生變化，我將內容的HTML存儲在一個變量中，當用戶想要返回到該頁面時被調用並放回到DOM中，這是否會使其他頁面比把所有東西留在DOM中？所以基本上我一次只能在html中有1個完整的頁面。

只是想問我之前，我花了時間做它！任何其他快速網絡應用程序的鏈接，也將不勝感激

Answer 1

您可能需要刪除無用的DOM釋放內存。其實，當你意識到你的頁面（或App）越來越慢時，你應該留意內存。

刪除所有無用的DOM將是您的案例的明智選擇。下一次，你需要再次顯示它，你可以重新初始化它。

有時候，你可能還需要刪除無用的JS對象，解除綁定事件等