Question

This is a general question on optimization technique and please I am more than willing to rewrite a majority of my code as I am moving a lot of it to a library.

My concern applies not so much to flex performance as I have used methods that have reduced cpu/memory footprint so performance is quick when inside a view.

The problem I have is with the navigator.pushView which seems slow, I do call my init function on creationComplete for the view but I have it factored so my init looks like:

private function init() : void {
  doStuff1();
  doStuff2();
  doStuff3();
}

What can I do to make the view transition smooth? This is on a mobile device.

I have considered delaying off all of the code inside the init function using a timer so that for lets say the first 3 seconds there is nothing happening and the view has all the frames it needs but that doesn’t seem right.

Advice would be much appreciated!

Thank you,

Answer 1

Performance really depends on what you’re doing in those “doStuff()” methods. A few things to consider:

1) At the time creationComplete() executes; the view has already rendered once. Are you doing anything that will cause the thing to render itself again? Changing styles, and many properties on children components will cause that child to re-render and often the view component.

A lot of people use creationComplete as a constructor when, in reality, that is the worst place to put “constructor style” code. Instead you should consider using preinitialize for most stuff, or initialize if you need to set properties on children components.

2) viewActivate executes after the transition occurs. So, perhaps you should consider moving code out of creationComplete and into viewActivate. More info on a mobile view’s lifecycle is here.