Home > Flex Mobile > Flex Performance Tips & Tricks

Flex Performance Tips & Tricks

Evtim and I gave a presentation at 360Flex Denver this year about optimizing performance of item renderers and skins in Flex 4.5 applications.

NOTE: The latest version of this presentation was given at Adobe MAX 2011 and is available here.

A short summary:

Join Flex engineers, Evtim Georgiev and Steve Shongrunden, as they highlight performance tips and tricks all Flex developers should be aware of as they write Flex applications for web, desktop and now mobile! Special focus will be given to component comparison, optimization techniques and examples of performant item renderers and skins for mobile applications.

Table of contents:

  • Performance Metrics
  • From MX to Spark
  • ItemRenderers
  • MXML GraphicElements and FXG
  • Mobile Skins

This session was recorded at 360Flex and is available on for viewing on zaa.tv (Duration: 1 hour 5 minutes).

Download the slides (PPTX) (.PPTX – 3.1MB)
Download the slides (PPT) (.PPT – 6.0MB)

Thanks to all of those who attended.

  1. MrTan
    April 21st, 2011 at 07:55 | #1

    Hi Steve,

    Thank you for putting the slides up.
    This is something that I have been looking for. Definitely a session that I would like to get the recording for.

    By the way, is it possible for you to have your slides in pdf format as well? Unfortunately, I still have PowerPoint 2003. I did install the FileFormatConverter to convert pptx to ppt but there’re a couple slides that don’t convert well.

    Great job!

  2. Steven Shongrunden
    April 21st, 2011 at 10:42 | #2

    @MrTan – Thanks for the feedback. I added a PPT file to go along with the PPTX. Hope that is useful.

  3. April 21st, 2011 at 23:34 | #3

    Very helpful information.
    Thanks for sharing the slides.

  4. April 22nd, 2011 at 00:27 | #4

    Hi Steve, great job and presentation!

    Did you ever try the method I used in ftheme.com skins? http://www.ftheme.com/wiki#howItWorks . I believe it’s faster than even mobile skins.

  5. MrTan
    April 22nd, 2011 at 08:19 | #5

    Thanks Steve! *Give 2 thumbs up*

  6. Steven Shongrunden
    May 4th, 2011 at 11:17 | #6

    @Maxim Kachurovskiy – Interesting I haven’t tried that approach so I don’t know how it compares. Since it looks like ftheme still uses MXML GraphicElements and a lot of setting styles I would suspect that the default mobile skins might be faster.

  7. May 14th, 2011 at 16:59 | #7

    In all honesty, the information provided in these slides are Gold!! My List which has 1000 item runs very well on Android!

  8. Don Mitchinson
    November 9th, 2011 at 12:02 | #8

    Nice find when I came across your presentation. Going to keep this one handy for every project analysis.
    Just a note on slide #5 – % assigned to Render was left @ 67% – looks like it should have been adjusted to 24%

  9. Steven Shongrunden
    November 10th, 2011 at 11:29 | #9

    @Don Mitchinson – Thanks for the feedback. You should also check out our latest version of this presentation from Adobe MAX 2011 which provides a little more information in the second half: http://flexponential.com/2011/10/05/performance-tuning-mobile-flex-applications/

  10. November 17th, 2011 at 09:02 | #10

    Hey, great post on performance. We have just been testing rendering issues, for one of our customers because we wanted to get them from sdk 3.5 to 4.x. Our tests have been quite simple and more concercing on the initial render time of objects which have been simple ported.

    Because of time issues, something we did not include in our tests was the rendering time differences between a group and container. Yet I think we might test again. The results of our first tests can be found in our blog: http://blog.digitale-interaktion.de/?p=338. But beware it is all german…

  1. April 21st, 2011 at 23:46 | #1
  2. June 13th, 2011 at 13:52 | #2
  3. October 5th, 2011 at 13:19 | #3