jQuery Mobile - index.html與單個外部頁面中的所有頁面 - 什么能提供更好的性能？

Question

“jQuery Mobile”頁面結構經過優化，可以支持頁面中的單個頁面或本地內部鏈接的“頁面”。“ jQuery文檔

什么為jQuery Mobile應用程序提供了更好的性能 - 它運行在PhoneGap上？

• single.html文件中的所有頁面和內部加載
• 帶有外部鏈接的單頁

還需要考慮其他方面嗎？

Answer 1

我使用jQuery mobile，我制作的所有網站都是一個頁面網站。 我創建的唯一外部頁面是那些嵌入了Google地圖的頁面，只是如果用戶不需要iframe加載就不會發生。

我認為可以歸結為：一個包含大量內容的頁面可能會減慢初始加載速度，但一旦加載就會變得更快，而一個小主頁將從一開始就很快，buteach鏈接頁面將觸發Ajax請求。 在設計移動設備時，我的經驗法則是盡可能減少http請求。 雖然許多用戶使用3 + G網絡，但依賴於連接，它仍然可以等待。 此外，連接可以在瞬間發生變化，如果用戶已成功瀏覽網站，並且所有突發事情都會慢慢爬行，這可能會造成一些挫敗感。 因此，我認為從用戶體驗POV開始，如果加載后其他所有內容都很快，則用戶願意在初始加載時等待幾個額外的滴答。

在一個頁面中設計所有內容也適合使用jQM，imo進行開發，因為我只創建了一個只包含一個頁面（以及css和js文件）的緩存清單。 然后，即使用戶沒有連接，我的網站也會被緩存並運行。 如果你使用過applicationCache，你會很快意識到你擁有的文件越多，維護緩存清單和更新就越困難。

Answer 2

我不能說瀏覽器性能，但你應該考慮加載時間。 一個文檔中的多個頁面都加載了文檔，因此如果有更多頁面，DOMready將在一段時間后發生，這會給人一種不愉快的外觀。 在您需要時會分別提取單獨的頁面，因此如果沒有理由使用多頁，那么我建議您堅持使用多個HTML文件。 對於在線應用程序

另外 - 如果你想堅持使用JQM的開發理念的progressive enhancement ，那么多重就不能用得多。

還需要考慮其他方面嗎？

是的......據我所知，在多頁文檔中仍然可能存在一些問題（例如對話框）。 如果多頁中有多個，JQMalpha3不想為我顯示對話框。

Answer 3

這取決於你的應用程序的個人大小我已經意識到使用一個頁面的應用程序更具響應性，如果你只有幾頁我的情況下只有3個屏幕加載外部數據，這比3個單獨的頁面響應更快。 希望有所幫助