RichMedia+ » Techniques Optimization

10個 Adobe Flex 程式效能優化技巧

Alvin / Aedis.Ju — Wed, 02 Sep 2009 05:25:27 +0000

關于程式效能優化的文章，我前面介紹過2篇，都是值得一看：

近日在 InsideRIA 發表了新的一篇 10 Tips for Flex Application Performance ，是我非常敬仰的大師 Andrew Trice 所寫，程式效能優化雖然老生常談，但畢竟大師的作品是不應該落下的，因此拉出來跟大家一起品味一下。

原文就自己看了，我稍微用中文總結一下 Andrew Trice 所述的其中 6 點。

Manage your event listeners
要經常 remove 不需要的 event listeners。
定義 event listeners 的時候，注意 target 和 parent 的關系。
設置好 Event 的 bubbles & cancelable。
addEventListener 中的 useCapture， priority， useWeakReference。
Unload loaders
如果使用的 Component 是基于 loader 的，諸如 SWFLoader， Image等等，要使用 unloadAndStop()。
unloadAndStop()，這個是 flashplayer 10 后才有的，flashplayer 9 的 unload()并不能真正回收，應該也屬于 bug 的范疇。
關于 unloadAndStop() ，大家可以參考下面的2篇文章作大致的了解：
Flash Player 10 unloadAndStop 測試
 FlashPlayer10的Loader.unloadAndStop
Dispose of things
在做 dispose() 的時候，把一切該混滅得都毀滅吧。
Handle collections properly
去了解 ICollectionView 的 enableAutoUpdate () & disableAutoUpdate () ，這一點對寫 Component 的同學特別重要。
如果沒有使用 data binding，盡量使用 Array。
在 sort & filterFunction 后是否立即要使用 refresh() 需要注意畫面的實際情況。
Use deferred instantiation
這一點需要大家去了解 Flex Component 的 lifeCycle 。
在使用tab，nav， accordion， viewstack等控件的時候，Flex 用 creationPolicy 來進行對子對象創建的策略。默認情況下，tab，nav， accordion， viewstack等的子控件都沒有完全生成，而是在比如點擊第二頁的時候，他會去生成第二個子控件里面的內容。
因此，對 Flex Component 而言，不要把生成子對象寫在 Constructor 里面，要記得去 override createChildren()。
Object recycling vs new objects
Reduce， Reuse， Recycle 就是最大的概況。
Don’t invalidate/destroy/re-validate your objects if nothing changed
Dynamic/Generic vs. Typed Objects
Use constants when applicable
Use static members

Virtual Unique URLs for Flex/Flash

Alvin / Aedis.Ju — Tue, 14 Jul 2009 12:50:56 +0000

SWFAddress 雖然已經給予了 Flex/Flash 網站一部分 SEO 的優勢，但是它還是有局限性。

SWFAddress 的 deepLinking，都是帶有 # 號的。假設 A 和 B 都登陸 richmediaplus.com，那么，他們的 deepLinking 分別為 richmediaplus.com/index.htm#/a/ 和richmediaplus.com/index.htm#/b/ ，這樣的URL，特別是#的存在，無論對用戶還是網站的 SEO 來說，都不是很友好。DeepLinking 最理想的方式應該是 a.richmediaplus.com 或者 richmediaplus.com/b 這樣的URL方式。

結合泛域名解析，能解決我們所碰到的尷尬問題。泛域名解析指的是通過利用通配符 * (星號) 以實現所有的次級域名指向同一個地址。以上面的例子來說，我們可以利用泛域名解析將 a.richmediaplus.com 和 b.richmediaplus.com 同時指向 all.richmediaplus.com ，在實際的服務器目錄當中，大部分的內容只存在 all.richmediaplus.com 的目錄，URLs 地址是真實存在，但是服務器中并沒有真實的目錄。all.richmediaplus.com 中的文件會 parse 當前的 Virtual Unique URLs ，結合數據訪問 Server 端告知是 a 用戶 還是 b 用戶，讀取限定的資料出來反饋給 Flex/Flash 進行內容的顯示，因此 a.richmediaplus.com 和 b.richmediaplus.com 讀取的文件是一樣的只是顯示的內容會根據用戶有所不同。

既然有了泛域名解析，那么 SWFAddress 是否就可以不用了呢？答案是否定的。
假設 A 有 apple，沒有 banana ，B 有 banana 沒有 apple。那么需要存在 a.richmediaplus.com/apple 和 b.richmediaplus.com/banana 這樣的 URLs，而 a.richmediaplus.com/banana 和 b.richmediaplus.com/apple 是不允許存在的，結合上述的泛域名解析，它們指向的是同一地址 all.richmediaplus.com，因此也同樣遇到了尷尬的問題。也正是因為 swf 的格式再結合自身對搜索引擎不友好的關系，注定還是需要 SWFAddress 這樣的工具輔助。結合 SWFAddress 的使用，上述的例子就可以變成了 a.richmediaplus.com/index.htm/#/apple/ 和 b.richmediaplus.com/index.htm/#/banana/ 。這樣的 URL 是對搜索引擎友好的，搜索引擎可以很簡單的分析出 a 家有 apple， b 家有 banana。

可以看看下面的流程圖。

泛域名解析 + SWFAddress ，我把它稱為 Virtual Unique URLs。

特別注意：

在默認情況下，Developer 一般會把 main.swf 直接嵌入在 all.richmediaplus.com 下的 index.htm 頁面中， a/b/c.richmediaplus.com 指向的都是 all.richmediaplus.com ,那么在用戶在跳轉 a/b/c 的時候，他們loading的是同一個 main.swf，可是因為泛域名解析的關系，實際下載的 main.swf 分別要下3次，即分別為 a.richmdiaplus.com/main.swf b.richmdiaplus.com/main.swf c.richmdiaplus.com/main.swf，所以在編寫 index.htm 的時候，記得要把 loading 的 swf 改寫指向為同一URL絕對地址。如 value = “main.swf” 改寫為 value = “http://all.richmediaplus.com/main.swf” ，這樣無論用戶跳轉到哪個地址，swf 都指向 http://all.richmediaplus.com/main.swf ，因此用戶只需 loading swf 一次就夠了。

Adobe Air程式效能優化技巧

Alvin / Aedis.Ju — Fri, 08 May 2009 05:14:45 +0000

上次提到過ActionScript and Flex optimization techniques and practices recommendation，這次Adobe Air Team Blog發布了Performance Tips for Adobe AIR 。

總得來說有幾點可以參考：

盡可能得減少 mx:WindowedApplication:frameRate。frameRate為Air的影格速率，比如Air默認的frameRate是24，那么它說明Air的影格一秒鐘要刷24次，相當于每41ms刷一次。Arno Gourdol推薦frameRate=7開始調校。
當Air程式APPLICATION_DEACTIVATE的時候，設定frameRate=1，減少CPU消耗。
盡可能得使用Timer而不是enterFrame進行相關的程式操作。enterFrame耗費相當大的資源。
如果是基于Adobe Flex的Air，使用profile觀察減少資源消耗。Flex的話，還是先從ActionScript and Flex optimization techniques and practices recommendation做起吧。

更多參考：

Writing well-behaved, efficient, AIR applications by Arno Gourdo
Idle CPU Usage in Adobe AIR and Flash Player on the Mac by Grant Skinne
Performance-tuning Adobe AIR applications
MAX Talk: High Performance AIR Applications
MAX Talk: Optimizing Adobe AIR for Code Execution, Memory and Rendering

ActionScript and Flex optimization techniques and practices recommendation

Alvin / Aedis.Ju — Fri, 24 Apr 2009 15:00:19 +0000

跟大多數語言一樣，ActionScript和Flex也有Techniques Optimization。

今天在InsideRIA發現一篇值得回味的文章51 ActionScript 3.0 and Flex optimization techniques and practices，這讓人想起了當初小組討論的時候，激烈討論過在for循環里面到底是var i:number = 0還是應該var i:int = 0快一點，還有類似很多這樣優化Flex的問題，這就是一篇可以解決當時相爭的文章。不過這篇文章作者有些地方寫得不正確，看看他的Comment吧，那是一片激烈的討論啊，里面有正解哦，實在不行，你自己可以測試啦。

關于ActionScript和Flex技術算法優化的文章，我還推薦Flex SDK coding conventions and best practices，它不僅僅對ActionScript和Flex技術算法進行優化，還推薦人們形成一種嚴謹的編碼規約，雖然這篇文章也沒有完全完成，有些還是待定的，但已經指引了我們編碼規約和最佳習慣一個正確的方向。

除了上述，記住還要時刻關注ActionScript和Flex的變化，比如目前最新的穩定版本Flex3.0.2，在Flashplayer version10和Air version1.5的情況下，已經可以支持Vector了。使用Vector實例時的數組元素訪問和迭代的速度比使用Array時的速度要快很多啊，不過要稍微注意一下運行環境哦。

Flex Techniques Optimization Recommendation：