Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-3283 in 4.1.0 Sprint 1.
  1. #1
    Ext JS Premium Member
    Join Date
    Jan 2009
    Posts
    31
    Vote Rating
    1
    blakel is on a distinguished road

      0  

    Default Very slow Tab Panel performance vs 3.4

    Very slow Tab Panel performance vs 3.4


    We make pretty extensive use of Tab Panels in our application. We are trying to migrate to Ext 4.0, but the performance of the Tab Panels is too slow to be usable. It is bearable in Chrome, FF4 and IE9 (still noticeably slower in all browsers than 3.4 though), but most of our customers are still using IE7 and IE8 where the new Tab Panels are extremely slow.

    I timed both of these examples on IE8, loading once to cache everything and then timing at the push of the refresh button:

    Ext 3.4, load time: 1.9s
    Ext 3.4, tab switch: instant

    Ext 4.0.2, load time: 8s
    Ext 4.0.2, tab switch: 1.5s

    Here is a minimal example that illustrates the problem.

    Ext 4.0.2:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title>Tab Panel Test</title>
        
        <link rel="stylesheet" type="text/css" href="ext4.0/resources/css/ext-all.css" />
        <script type="text/javascript" src="ext4.0/ext-all.js"></script>
    
        
        <script type="text/javascript">
        //<![CDATA[
        Ext.onReady(function() {
            
            var itemNumber = 0;
            var createItems = function() {
                var items = [];
                for (var i = 0; i < 5; i++) {
                    items.push({
                        xtype: 'textfield',
                        fieldLabel: 'Text ' + itemNumber++
                    });
                }
                return items;
            };
            
            var panels = [];
            
            for (var i = 0; i < 100; i++) {
                panels.push({
                    title: 'Panel ' + i,
                    items: createItems()
                });
            }
    
            var panel = new Ext.tab.Panel({
                title: 'Sectioned Panel Test',
                width: 900,
                renderTo: Ext.getBody(),
                items: panels
            });
        });
        
        //]]>
        </script>
        
    </head>
    <body>
    </body>
    </html>
    Ext 3.4:
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
      <title>Sectioned Panel Test</title>
    
        <link rel="stylesheet" type="text/css" href="ext3.4/css/ext-all.css" />
     
        <script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="ext3.4/adapter/jquery/ext-jquery-adapter.js"></script>
        <script type="text/javascript" src="ext3.4/ext-all.js"></script>
        
        
        <script type="text/javascript">
        //<![CDATA[
        Ext.onReady(function() {
            
            var itemNumber = 0;
            var createItems = function() {
                var items = [];
                for (var i = 0; i < 5; i++) {
                    items.push({
                        xtype: 'textfield',
                        fieldLabel: 'Text ' + itemNumber++
                    });
                }
                return items;
            };
            
            var panels = [];
            
            for (var i = 0; i < 100; i++) {
                panels.push({
                    title: 'Panel ' + i,
                    layout: 'form',
                    autoHeight: true,
                    items: createItems()
                });
            }
    
            var panel = new Ext.TabPanel({
                title: 'Sectioned Panel Test',
                width: 900,
                renderTo: Ext.getBody(),
                items: panels
            });
        });
        
        //]]>
        </script>
        
    </head>
    <body>
    </body>
    </html>
    Of course our actual pages are a lot more complicated than these examples (less tabs, ~20, but a lot of form fields, grids and inter-dependencies between tabs), but this is a pretty good representation of what is happening on our pages.

  2. #2
    Ext JS Premium Member
    Join Date
    Jan 2009
    Posts
    31
    Vote Rating
    1
    blakel is on a distinguished road

      0  

    Default


    Bump

  3. #3
    Ext JS Premium Member
    Join Date
    Apr 2008
    Posts
    358
    Vote Rating
    15
    rich02818 is on a distinguished road

      0  

    Default


    It has recently been stated that

    With 4.0.2 we feel confident that the performance and stability of Ext JS now meets the needs of even the more demanding uses. Thanks to our dedicated community, together we believe that we’ve ensured that Ext JS is optimized for real world applications.
    However this example with many tabs claims to be more than 4 times slower in IE with 4.0.2 than with 3.4 and has not been even acknowledged yet. Either blakel's example is flawed somehow or 4.0.2 is simply not ready for prime time yet. I'm holding prospects at arm's length because the performance of 3.3.3 was too slow, and believed the promises that 4.0 would be fast than 3.3. I *really* need to be able to do demos with customers without telling them that they can't use IE...

    Quote Originally Posted by blakel View Post
    We make pretty extensive use of Tab Panels in our application. We are trying to migrate to Ext 4.0, but the performance of the Tab Panels is too slow to be usable. It is bearable in Chrome, FF4 and IE9 (still noticeably slower in all browsers than 3.4 though), but most of our customers are still using IE7 and IE8 where the new Tab Panels are extremely slow.

    I timed both of these examples on IE8, loading once to cache everything and then timing at the push of the refresh button:

    Ext 3.4, load time: 1.9s
    Ext 3.4, tab switch: instant

    Ext 4.0.2, load time: 8s
    Ext 4.0.2, tab switch: 1.5s

  4. #4
    Ext JS Premium Member
    Join Date
    Jan 2009
    Posts
    31
    Vote Rating
    1
    blakel is on a distinguished road

      0  

    Default


    Bump. Can someone from Sencha please look at this? We have stopped all development in 4.0.2 and are going back to 3.4 for now because of this issue.

  5. #5
    Ext JS Premium Member
    Join Date
    Jan 2009
    Posts
    31
    Vote Rating
    1
    blakel is on a distinguished road

      0  

    Default


    Bumping again.

    Can someone at Sencha please comment on this? Am I doing something wrong or is there a problem here?

  6. #6
    Sencha User
    Join Date
    May 2011
    Posts
    92
    Vote Rating
    0
    ext-spring-mvc is on a distinguished road

      0  

    Default


    Quote Originally Posted by rich02818 View Post
    It has recently been stated that



    However this example with many tabs claims to be more than 4 times slower in IE with 4.0.2 than with 3.4 and has not been even acknowledged yet. Either blakel's example is flawed somehow or 4.0.2 is simply not ready for prime time yet. I'm holding prospects at arm's length because the performance of 3.3.3 was too slow, and believed the promises that 4.0 would be fast than 3.3. I *really* need to be able to do demos with customers without telling them that they can't use IE...
    the most frequent answers I got from sencha employee on this forum regarding 4.0.x performance are:
    do you have a sample/test case?
    I don't see it in my latest chrome on mac.

    or just simply ignore


    lucky sencha, another group of my employer decided paying for another one year license+support. not because they like 4.0.x, just too much existing codes need support :/

  7. #7
    Sencha Premium Member
    Join Date
    Dec 2007
    Location
    Lille, France
    Posts
    30
    Vote Rating
    0
    haldrix is on a distinguished road

      0  

    Default So much problem on forum

    So much problem on forum


    I think that i will not purchase another licence for this time. I jumped to Ext 3 last year with many regrets regarding the speed of the library and now the 4.0 is slower...Why did Sencha stops supporting Ext 2.3 who was finally is the best compromise ?

    Do you know guys other library like Extjs ?

    Regards

  8. #8
    Ext JS Premium Member
    Join Date
    Jan 2009
    Posts
    31
    Vote Rating
    1
    blakel is on a distinguished road

      0  

    Default


    Can someone from Sencha at least respond to this?


    Is there another way to bring this to their attention?

  9. #9
    Ext JS Premium Member
    Join Date
    Apr 2008
    Posts
    358
    Vote Rating
    15
    rich02818 is on a distinguished road

      0  

    Default


    Quote Originally Posted by blakel View Post
    Can someone from Sencha at least respond to this?


    Is there another way to bring this to their attention?
    I don't know if they've got their devs all doing other work, or are just ignoring these issues. Perhaps they'd be more visible to Sencha if we begin posting them to the premium forum, or even using a support ticket that points to these unanswered requests for their help. Your guess is as good as mine.

  10. #10
    Ext JS Premium Member
    Join Date
    Jan 2009
    Posts
    31
    Vote Rating
    1
    blakel is on a distinguished road

      0  

    Default


    Cross posted this to the premium forum. Hopefully someone will see it.

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."