「jQuery Mobile」頁面「結構經過優化,可以支持單個頁面,也可以支持頁面內的本地內部鏈接」頁面「。」 jQuery docsjQuery Mobile - index.html中的所有頁面與單個外部頁面 - 什麼提供了更好的性能?
是什麼給一個jQuery Mobile應用程序提供了更好的性能 - 在PhoneGap上運行?
- 在single.html文件和內部裝載
- 無論是單頁與外部鏈接
任何其他方面來考慮所有網頁?
「jQuery Mobile」頁面「結構經過優化,可以支持單個頁面,也可以支持頁面內的本地內部鏈接」頁面「。」 jQuery docsjQuery Mobile - index.html中的所有頁面與單個外部頁面 - 什麼提供了更好的性能?
是什麼給一個jQuery Mobile應用程序提供了更好的性能 - 在PhoneGap上運行?
任何其他方面來考慮所有網頁?
我不能說很多關於瀏覽器的性能,但你應該考慮加載時間。 一個文檔中的多個頁面會隨文檔一起加載,所以如果有更多頁面,DOMready將在一段時間後發生,這可能會帶來不愉快的外觀。當你需要單獨頁面時,所以如果沒有理由使用多頁面,那麼我建議堅持使用多個HTML文件。 對於在線應用程序
而且 - 一個多不能,如果你想堅持progressive enhancement
這是JQM的發展理念用得不多。
要考慮的其他方面?
是......據我所知,在多頁文檔中仍然可能存在一些問題(例如,使用對話框)。如果多頁中有多個JQMalpha3,我不想爲我顯示對話框。
我使用jQuery手機,並且我所做的所有網站都是一個頁面網站。我創建的唯一外部頁面是那些嵌入了Google地圖的外部頁面,只是如果用戶不需要它,iframe加載不會發生。
我認爲這可以歸結爲:一個內容很多的頁面可能會減緩初始加載速度,但一旦加載就會變得快捷,而一個小小的主頁將從一開始就很快,buteach鏈接頁面將觸發Ajax請求。在爲移動設計進行設計時,我的經驗法則是儘可能減少http請求。雖然很多用戶都在3 G以上的網絡上,但仍然可以根據連接情況進行等待。此外,連接可以在即時中更改,如果用戶已成功導航到網站,並且所有突然的事情都放慢了抓取速度,這可能會造成一些沮喪。因此,我認爲從用戶體驗POV來看,如果一旦加載完畢其他所有內容都很快,用戶就願意在初始加載時等待幾個額外的滴答。
因爲我只創建了一個只包含一個頁面(以及css和js文件)的緩存清單,所以在一個頁面中進行全部設計也非常適合jQM,imo的開發。然後我的網站被緩存並運行,即使用戶沒有連接。如果你使用過applicationCache,你很快就會意識到你擁有的文件越多,維護緩存清單和更新就越困難。
非常有用的提示。 – ggDeGreat 2015-08-19 02:14:56
這取決於您的應用程序的個人尺寸我已經意識到,如果您的網頁只有幾頁,則使用一個網頁應用程序的響應速度會更快,因爲外部數據只有3個屏幕加載,而且響應速度比3個獨立頁面。 希望有幫助
離線應用程序怎麼樣 - 比如PhoneGap中的「本地」文件? – 2011-05-09 20:57:23
這是一個不同的故事。我沒有太多的經驗,所以我可能不知道一些phonegap特定的問題,但沒有加載時間時我沒有看到任何區別。除了我提到的對話問題,顯然是:)我認爲這更多的是關於構建應用程序架構的舒適性。 – naugtur 2011-05-10 11:47:57