我正在尋找優化小webapp中的移動瀏覽器體驗,使用真棒jQuery手機來做到這一點。針對手機進行優化時,我應該瞄準什麼樣的頁面重量/尺寸?
毫無疑問,用戶不想DL 200k的數據,我只是試圖畫出使用外部和內部URL之間的界限。是否有任何現有的指導方針,我應該拍攝什麼樣的頁面大小/加載時間?我更願意堅持內部URL(從維護的角度將移動界面有效地保存在一個地方),但我們厭倦了用戶無法觀看的大量信息。
我正在尋找優化小webapp中的移動瀏覽器體驗,使用真棒jQuery手機來做到這一點。針對手機進行優化時,我應該瞄準什麼樣的頁面重量/尺寸?
毫無疑問,用戶不想DL 200k的數據,我只是試圖畫出使用外部和內部URL之間的界限。是否有任何現有的指導方針,我應該拍攝什麼樣的頁面大小/加載時間?我更願意堅持內部URL(從維護的角度將移動界面有效地保存在一個地方),但我們厭倦了用戶無法觀看的大量信息。
有一點需要注意的是,例如iPhone won't cache components bigger than 25K。
還考慮minifing和gzip你的代碼。和@jfar有一件事是正確的。 HTTP請求可能會造成巨大的性能下降,因此您可能還想盡可能減少它們。
大小無關緊要。下載時間呢。
移動速度在一些地區每百英尺不等,所以它不像一些xxxk的數量總是完美的。
去「儘可能小」。
更重要的是不要在服務器和客戶端之間聊天。延遲時間可能很長,並且比通常情況下更容易打包。在每次按鍵之後在服務器上進行驗證會很痛苦。
因此,這是否更多地指向「內部鏈接」模型,您首先獲得更多數據,遠離人羣通過ajax? – 2010-11-24 11:07:11
聽起來像...我認爲這是主要的關鍵,儘可能發送,但只有儘可能少的需要。 是否引發了諸如jquery之類的庫的問題,並且不得不重新加載它們的每個頁面,或許狡猾的DHTML可以幫到那裏。 – dpmguise 2010-11-26 03:04:28
我會說盡量降低您的網頁多達100kb,因爲如果你設法這樣做根據用戶請求加載不同的頁面可能可以忽略不計。
但是,一次加載大量內容並使用簡單的javascript顯示和隱藏,以幾乎實時的方式顯示內容可能也會給觀衆留下深刻的印象。
我建議您查看HTML5 Cache Manifest規範,它允許您定義瀏覽器應保持脫機的一組資源。這就像老式的瀏覽器緩存,但更好,因爲它是可控的。
對於手機網站的大小確實很重要,但更重要的是瀏覽器必須做的請求數量。因爲每個請求都需要時間(根據我的經驗,可以達到4000ms ping!)將所有javascript合併成一個文件併發送gzip壓縮的所有內容。
如果您想了解移動開發中的重要內容,請拿出計算器並計算加載時間。爲每個請求補充500ms,並考慮到加載時間需要大約8-20KIB/s。這不是最壞的情況,但也不是最好的情況。
根據W3C Mobile Web Best Practices:頁面標記< 10千字節
我欣賞的情緒,但是你不可能否認頁面大小會影響加載時間 - 我不是在尋找完美的,而是某種度量標準,它應該足夠小,以便儘可能多的人。 – 2010-11-17 09:09:52
@Simon Scarfe - 我認爲你錯過了這一點。當然,大小會影響整個下載時間,但手機速度的完全變化的性質將使它無法爲每個人創造出一個絕佳的體驗。對於4g上的某個人來說,200k幾乎沒有任何問題,但對於我所獲得的移動服務真的很糟糕。 – jfar 2010-11-17 13:16:22
如果支持,請務必壓縮/壓縮內容。這可以大大減小尺寸。 – 2010-11-22 18:26:15