如何提升Flex App的性能？

Question

我在一个flex application.The应用程序上工作，它占据了浏览器屏幕的100%，但是如果我提高性能，load.How速度很慢，那么应该遵循哪些最好的技术来提高flex应用程序的性能呢？

我确实尝试了一些东西，但我没有使用相对布局，而是使用绝对布局，并将按钮/图像等放在画布上的确切位置，但我仍然觉得它是slow.Can我分析应用程序或flex代码，以查看应用程序到底在哪里花费了最大的执行时间。

Answer 1

Adobe提供了一篇关于这个主题的很好的文章：Flex Application Performance: Tips and Techniques for Improving Client Application Performance

Answer 2

这里有一些很棒的资源，不仅可以提高你的Flex应用程序的性能，还可以提高Actionscript的总体性能：

优化

• Quick as a Flash Presentation by Grant Skinner的Actionscript
• Round up of Actionscript and Flex Optimizations
• Flex Application Startup Performance
• Actionscript Performance Tuning

总而言之，总要做一些关键的事情：

lag/freeze

• Don't嵌入:不要嵌套太多的VBoxes和画布，这会让你的应用变得非常嵌入:只嵌入非常小并且需要立即显示的东西(皮肤中的图标用于example)

• Deferred实例化:只添加用户需要看到的内容。其他一切都将等待，直到用户去there.

• Explicitly大小的所有项目渲染器。如果DataGrid项目渲染器没有明确的大小，你的应用程序在构造实例时可能会冻结。

• 优化了网络资源(作为thumb).

• Refactor的规则，图标~< 20k，大图像~< 200k，以消除过多的花括号绑定(width="{something.other.width/4}")。会导致一堆您可能不需要的事件被调度。Too many == too many objects == lag。

人们建议使用模块来减小swf大小，并且只加载您需要的内容，但是如果您的应用程序没有CMS那么大，您通常不需要它们。

Answer 3

Flex Builder Professional有一个内置的分析器，可以很好地分析您自己的代码。如果问题出在绘图性能和布局上，那就没什么用处了(它可以很好地分析代码，但更难理解结果并以有用的方式将其应用到代码更改中)。