如何提高Flex应用程序的性能？

Question

我正在使用flex应用程序。该应用程序占用了浏览器屏幕的100％，但加载速度很慢。如何提高性能，应该如何改进Flex应用程序的性能。

虽然我尝试了一些东西，但我没有使用相对布局，而是使用绝对布局，并将按钮/图像等放在Canvas中的确切位置，但我仍觉得它很慢。 flex代码来查看应用程序正在执行的最大时间。

Answer 1

Adob​​e提供有关此主题的一篇大文章：Flex Application Performance: Tips and Techniques for Improving Client Application Performance

Answer 2

的Flex Builder专业有一个内置的分析器，它的工作原理相当不错剖析自己的代码。如果问题在于绘制性能和布局，那么它并没有那么有用（它可以很好地描述代码，但很难理解结果并将它们应用于更改代码的有用方式）。

Answer 3

这里有改善的不仅是你的Flex应用程序的性能一些重要的资源，但动作脚本一般：

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

总的来说，一些ke Ÿ事情总是这样：

1. 保持嵌套瘦：不要嵌套太多纵向方框和画布，这将使您的应用程序显着滞后/冻结
2. 不嵌入：只有嵌入的东西都是非常小并需要立即显示（例如皮肤中的图标）
3. 延迟实例化：只添加用户需要查看的内容。其他一切都会等到用户去那里。
4. 显式调整所有项目渲染器的大小。如果DataGrid项目渲染器没有明确的大小，则在构建它时，您的应用可能会冻结实例。
5. 为Web优化资源（图标〜< 20k，大图像〜< 200k作为经验法则）。
6. 重构删除多余的大括号绑定（width="{something.other.width/4}"）。导致一系列可能不需要的事件。太多的事件==太多的临时对象==滞后。

人们推荐使用模块来减小swf大小并只加载所需的内容，但如果您的应用程序不像CMS那么大，您通常不需要它们。