1. #1
    Sencha User
    Join Date
    Nov 2007
    Posts
    115
    Vote Rating
    8
    kerbo is on a distinguished road

      0  

    Default Answered: Poor Form Layout Performance

    Answered: Poor Form Layout Performance


    I'm close to completing migration a 3.4 application to 4.1.1 and while the migrated application is not as snappy as 3.4, it is acceptable except for one complex form.

    This form is a window with 5 tab panels and approx 35 fields and 7 grids spread across the tabs. In 3.4, the window would open within a sec. In 4.1.1, it takes 4 sec to open an empty form and 5 sec to open a form and load field data from a store. This is on FF. On Chrome, the time is half.

    I am looking for options to get the display time back to one sec. Are there different settings I can try that may help? Are there ways to find out where the problem lies? At this point, I don't even know what to try.

  2. Take a look at http://www.sencha.com/blog/optimizin...d-applications.

    Specifically, take a look at the suspendLayouts/resumeLayouts section. Depending on how you are creating your components, using these methods might help speed up the build of the form.

    You may also want to look into the page analyzer tool.

  3. #2
    Sencha - Community Support Team friend's Avatar
    Join Date
    Apr 2011
    Posts
    895
    Answers
    106
    Vote Rating
    27
    friend has a spectacular aura about friend has a spectacular aura about

      0  

    Default


    It sounds like this may have to do with lazy instantiation/xtype usage:

    http://docs.sencha.com/ext-js/4-1/#!...ents-section-2

    If you're actually creating all of the child components used by the form window up front, it's possible that you'll take a big performance hit.
    Last edited by friend; 10 Jan 2013 at 6:43 AM. Reason: grammar

  4. #3
    Touch Premium Member
    Join Date
    Feb 2011
    Location
    NJ
    Posts
    311
    Answers
    59
    Vote Rating
    52
    droessner is a jewel in the rough droessner is a jewel in the rough droessner is a jewel in the rough

      0  

    Default


    Take a look at http://www.sencha.com/blog/optimizin...d-applications.

    Specifically, take a look at the suspendLayouts/resumeLayouts section. Depending on how you are creating your components, using these methods might help speed up the build of the form.

    You may also want to look into the page analyzer tool.

  5. #4
    Sencha User
    Join Date
    Nov 2007
    Posts
    115
    Vote Rating
    8
    kerbo is on a distinguished road

      0  

    Default


    Quote Originally Posted by droessner View Post
    Take a look at http://www.sencha.com/blog/optimizin...d-applications.

    Specifically, take a look at the suspendLayouts/resumeLayouts section. Depending on how you are creating your components, using these methods might help speed up the build of the form.

    You may also want to look into the page analyzer tool.
    Thanks, this article had good information. My code doesn't have any of the potential pitfalls described in the article however Ext.suspendLayout/resumeLayout did make a difference, although not in ways I expected. Where it helped was with doing a bunch of field setValues (like in the form load). I replaced form load with a my own code and wrapped it with suspend/resume layout and it made it noticeable difference.

    But that alone didn't get the speed back. I ended up creating the fields on each tab dynamically the first time a person clicks on a tab. This system got a bit complicated due to field interdependency between tabs, but at least now the window pops up within a second.

Thread Participants: 2