Huge lag when changing currentState for the first time in simple application, Flex 4.6?

Question

Please try out the example code below.
The first time I click the button it takes my PC ~ 85 ms to change states. If I click the back button afterwards, then click the button again, the lag is gone and the state change is fast. I've tried changing the creation policy, seems like it has no effect and there are deeper problems
My questions are why is there lag the first time you click the button, and how do you fix it? I have an application that uses a state flow very similar to the code I have simplified below and this is really driving me nuts.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                                 xmlns:s="library://ns.adobe.com/flex/spark"
                                 xmlns:mx="library://ns.adobe.com/flex/mx"
                                 xmlns:local="*"
                                 creationPolicy="all" currentState="InitialState"
                                 width="512" height="512">
          <fx:Script>
                    <![CDATA[
                              import flash.utils.getTimer;
                              protected function button1_clickHandler(event:MouseEvent):void{
                                        var time:int = getTimer();
                                        this.currentState = "ListState";
                                        trace("time to show list state:" + (getTimer() - time));
                              protected function button2_clickHandler(event:MouseEvent):void{
                                        var time:int = getTimer();
                                        this.currentState = "InitialState";
                                        trace("time to go back:" + (getTimer() - time));
                    ]]>
          </fx:Script>
          <s:states>
                    <s:State name="InitialState"/>
                    <s:State name="ListState"/>
          </s:states>
          <s:Button includeIn="InitialState" click="button1_clickHandler(event)" x="221" y="221" label="Show List State"/>
          <s:Button includeIn="ListState" x="226" y="324" label="Back" click="button2_clickHandler(event)"/>
          <s:List includeIn="ListState" x="139" y="158" itemCreationPolicy="immediate">
                    <s:dataProvider>
                              <s:ArrayList>
                                        <fx:Object/>
                                        <fx:Object/>
                              </s:ArrayList>
                    </s:dataProvider>
          </s:List>
</s:Application>
----OUTPUT----
time to show list state:84
time to go back:2
time to show list state:5
----OUTPUT----
Message was edited by: Chentleman. fixed code indentation

Answer 1

I am gonna be blunt and say I am quite annoyed that you did not read my post at all. 85 ms is a 1600% increase in lag, the first time the state changes. This is also a scaled down version of the problem with only a SINGLE component. The more components you add, the worse the delay gets. 
After spending a lot of time searching, this seems to be a bug that has existed for quite some time as early as Flex 4.1. https://bugs.adobe.com/jira/browse/SDK-30302. Now in flex 4.6, it is still broken with the 9 month old bug report closed and deferred
itemCreationPolicy and creationPolicy do not work at all in conjuction with includeIn/excludeIn. At least the work-around kind of works, although I am sure there are plenty of people still using the creationPolicies not knowing why their applications are so slow.