1. #1
    Sencha Premium Member slashandburn's Avatar
    Join Date
    Dec 2011
    Posts
    17
    Answers
    1
    Vote Rating
    0
    slashandburn is on a distinguished road

      0  

    Default Unanswered: Complex Dashboard Example, what is the bottleneck?

    Unanswered: Complex Dashboard Example, what is the bottleneck?


    Hello,

    I'm trying to figure out why the example, "Complex Dashboard" @ http://dev.sencha.com/deploy/ext-4.0...Dashboard.html is so slow in IE9. In chrome its fine, but IE9, is constantly bogged down, and there is a noticeable delay before the table or graph recognizes that I've moused over them.

    Is this just an implementation issue, like bad coding or a faulty design causing so much lag for IE9? Could it have been written differently to perform better?

    I also tried the same example in the 4.1 preview and I didn't see any performance gains.

    I also have a quick screen capture of IE9 having trouble with this example, http://screencast.com/t/TbfDmbyNW

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,065
    Answers
    3498
    Vote Rating
    851
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Performance in IE* isn't the best. 4.1.0 beta 1 is about to drop so check the performance with that as the layout system and other stuff has been totally rewritten in many places.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Sencha User
    Join Date
    Jan 2008
    Location
    Maryville, IL, US
    Posts
    288
    Vote Rating
    0
    httpdotcom is on a distinguished road

      0  

    Default


    Open the developer console in IE9 (F12) and switch to the network tab. See if anything is hanging, and troubleshoot from there.

  4. #4
    Sencha Premium Member slashandburn's Avatar
    Join Date
    Dec 2011
    Posts
    17
    Answers
    1
    Vote Rating
    0
    slashandburn is on a distinguished road

      0  

    Lightbulb


    I played with the 4.1 preview a bit more, and did the following to squeeze out some more performance, but I guess i'll still have to wait for the "true beta" for a more accurate reading.
    • Disabled animations
      • For all charts
    • Reduced item counts
      • For my future purposes the number of items should never go above 6
    • Disabled highlighting code
      • IE9's "Profiler" was showing this as a big chunk of time
      • Went from 72.93 ms to 28.97 ms inclusive time when switching between grid items
    With these changes to the example the interface stopped hanging after I selected a grid item.

    I also did another test by removing all of the charts, and then the grid was running fast, so I would assume that "charts" are the rendering bottleneck. But I can't remove them, since that's the entire purpose of the example.