• 軟件試用

    新版iOS應用號稱速度提升兩倍

    2012-09-04 16:52:26 奧派股份 31

    Facebook上周發布了新版iOS應用,號稱速度提升兩倍。Facebook工程師Jonathan Dan在Facebook官方頁面中撰文,介紹了新版iOS應用、Facebook iOS應用的發展歷程以及開發思路?!秳撌掠洝诽剡x取此文編譯,供移動應用開發者參考。

    我們今天發布了新版iOS應用,速度更快、更可靠、更易用。這款新應用標志著Facebook移動產品開發方式的轉型,即深耕不同平臺。為了便于你們理解這一轉型,讓我們回顧移動版Facebook的發展歷程。

    起步階段的Three20框架:技術過時首次棄用

    早期的iPhone版Facebook誕生于iPhone的起步階段,當時還沒有iPad,而系統也不叫iOS。在早期版本中,我們開發了名為Three20的開源框架,其中包括當時系統尚未提供的組件庫。

    在隨后幾年中,Three20成為iOS社區最流行的開源項目之一,幫我們解決了很多問題。然而隨著技術的發展,Three20逐漸顯得過時。其功能越來越復雜,對入門者來說上手變難。另一方面,隨著iOS核心的迅速發展,Three20的一些功能也顯得沒有太大用途。因此,最新版iOS應用是我們這么多年來首次沒有使用Three20框架。

    HTML5的發展:跨平臺快速迭代

    隨著過去幾年移動設備的發展,我們最需要解決的問題是,無論你用什么設備、平臺、運營商網絡,甚至無論你在哪里,都應當獲得不錯的移動體驗。為了支持數千款手機和多個移動平臺,我們利用HTML5技術去開發移動版Facebook,并向包括iOS在內的多個平臺發布。

    利用HTML5,我們只要進行一次開發,就可以向多個平臺發布產品。這樣做使我們能覆蓋盡可能多的用戶,也使Facebook移動業務發展到了當前的規模。實際上,我們選擇HTML5不僅是因為可以跨平臺使用一套代碼,也是由于這樣做有利于快速迭代,在不發布新版本的情況下測試新功能。

    基于這一網頁技術,我們為5億Facebook移動用戶提供服務,并支持了7000多款設備。然而我們意識到,對iOS這樣的平臺來說,人們會希望更快、更可靠的體驗,而這正是我們iOS應用的不足之處。我們已經普及了移動服務,現在需要深耕服務。因此,我們從頭開始重寫了Facebook的iOS應用,專注于質量,并充分利用iOS系統自身這些年來的發展。

    一切為了速度:耗時任務扔后臺

    開發原生iOS應用帶來了一個顯而易見的好處,就是應用的速度。在新版iOS應用中,動態匯總的滾動明顯更流暢,而具體實現方式則是對處理任務的系統資源進行更好的調度。例如在iOS中,主線程驅動用戶界面,處理觸控事件,因此如果在主線程中處理太多任務,那么應用就會變慢。為了解決這一問題,我們盡量在后臺處理對計算資源要求較高的任務,包括所有網絡活動、JSON分析、NSManagedObject對象創建以及存盤等。

    可以再舉另一個例子。我們使用Core Text顯示字符串,但排版計算很快成為一個瓶頸。在新版iOS應用中,當我們下載新內容時,我們以異步方式計算字符串大小,緩存在CTFramesetters中,當需要在UITableView中顯示時再利用這些計算結果。

    在iOS中啟動Facebook應用時,你會想看見動態匯總,而不是正在加載的下拉列表。因此,為了提供最好的體驗,我們在應用啟動時立即顯示此前緩存的內容。不過這帶來了新問題:如果你的動態匯總中內容太多,那么UITableView將調用一個委托函數tableView:heightForRowAtIndexPath: ,對每條內容進行處理,以計算滾動條長度。這將導致應用需要從磁盤中加載所有內容,對整個內容排版進行計算,隨后返回所有內容的高度總和。這意味著,當動態匯總中內容過多時,啟動速度會變得更慢。

    解決這一問題的方法分為兩部分。首先,當我們初始化異步排版計算時,我們在Core Data中存儲了內容的高度。通過這樣做,我們避免了在tableView:heightForRowAtIndexPath:函數中計算排版信息。其次,我們將“內容”的模式對象進行分解,在應用啟動時只會從磁盤讀取內容的高度信息,隨后才讀取其他信息。而其他的排版計算均通過異步方式來完成。

    通過以上這些方式,我們在屏幕滾動時實現了更高的幀率,并使應用保持響應。

    新的基礎:Messenger及其他

    開發人員總是避不開一些限制,一些是技術上的,一些是設計上的,一些則是由產品需求引起的。當我們重新開發iOS應用時,一款新的原生應用Facebook Messenger正越來越流行。為此,我們需要完全集成Messenger的底層架構和用戶界面,并充分利用Messenger團隊此前已經過充分測試的代碼。當點擊iOS應用中“Messages”圖標時,運行的代碼將與Facebook Messenger應用完全一致。

    為了實現這一目標,我們按模塊來搭建系統。當你在左側導航菜單中點擊書簽時,模塊提供的視覺效果將得以顯示。動態匯總、Messages、Friends,這些都是模塊。模塊也會說明相互之間的依賴關系。例如,我們使用MQTT去更新通知、消息和書簽。在應用啟動時,應用會遍歷依賴關系圖,確保在通知功能啟動前先啟動MQTT服務。在增加新功能時,模塊系統也將確保應用在正確時間、正確位置啟動。

    盡管模塊系統部分解決了問題,但Messenger也不可能簡單地以新核心取代當前代碼。新版iOS應用中的認證系統以及Messenger應用的執行方式共享了同一界面的對象。用Objective-C的語言來說,就是“遵循了同樣的協議”。通過與Messenger團隊的合作,我們開發了依賴注入系統,向Messenger代碼提供了用于實時驗證的對象。當作為一款獨立應用時,Messenger代碼以自己的方式處理這些對象。當作為Facebook應用的一個模塊時,將采取不同的處理方式。在代碼中加入這些對象是一個聰明的做法。

    未來計劃:不必更新應用的升級

    目前,動態匯總中的內容都有頁面頭,其中包括內容預覽圖、時間戳、消息、照片、視頻,以及“贊”和“評論”按鈕。這通過HTML5很容易實現,并且可以快速更新設計,例如用戶何時更新了動態匯總,使照片尺寸更大等。不過,動態匯總也在持續發展,當我們增加新功能時,采用Objective-C的方法將帶來新的挑戰。

    為了解決這一問題,我們采用不同的方式去增加新功能,同時不必升級整個應用,這就是“回退渲染器”(fallback機制)。當動態匯總團隊設計了一種新的內容形式時,iOS應用將下載到一些無法識別的內容。當我們檢測到這種內容時,我們將使用回退渲染器,以應用可識別的格式顯示新內容中的相關信息。與此同時,我們開發了新的定制渲染器,在下一次應用升級時發布。對于應用中可能經常更新的部分,我們仍將繼續使用HTML5代碼,這樣我們可以在服務器端推送升級,而用戶不必下載新版本應用。

    本文轉載:http://www.pmtoo.com/news/2012/0903/989.html

    400-700-7858

    工作日 8:30-17:30

    WEIXIN
    qq mail
    人摸人人人澡人人超碰手机版