Threaded View

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Ext JS Premium Member
    Join Date
    Apr 2008
    Posts
    338
    Vote Rating
    15
    rich02818 will become famous soon enough

      0  

    Default v4 performance very slow with very simple page

    v4 performance very slow with very simple page


    From Ed's recent comments, it sounds like a problem in rendering involving many components has been identified in v4 and is being resolved. However, there may be more going on as this test has only a viewport with a center region only and in IE8 is 4.5x slower in Extjs 4.0.4 than in 3.4.0.

    The code is loaded and reloaded several times. The times measured within the test case are:

    IE8.0.7.601.17514: v3.4.0 takes 4ms, v4.0.4 takes 22ms

    Firefox 3.6.18: v3.4.0 takes 10ms, v4.0.4 takes 21ms

    chrome 12.0.742.122: v3.4.0 takes 3ms, v4.0.4 takes 9ms

    IE9.0.8112.16421: v3.4.0 8ms, v4.0.4 28ms

    (note: first 3 done on a faster machine than the IE9 measurement)

    The v3.4.0 test code:
    Code:
    <html>
    <head>
    <title>Performance Test</title>
      <link rel="stylesheet" type="text/css" href="ext-3.4.0/resources/css/ext-all.css" /> 
    
        <script type="text/javascript" src="ext-3.4.0/adapter/ext/ext-base-debug.js"></script>
        <script type="text/javascript" src="ext-3.4.0/ext-all-debug.js"></script>
        <script type="text/javascript" src="../shared/examples.js"></script>
      
        <script type="text/javascript">
          Ext.onReady(function () {
    
          var date = new Date();
          
        
    
          var viewport = new Ext.Viewport({
            layout: 'border',
            items: [
              new Ext.Panel({
                region: 'center', // a center region is ALWAYS required for border layout
                title: 'version 3 performance info',
                id: 'center'
              })]
          });
        
    
          var viewportTime = new Date() - date;
    
          var performance = Ext.getCmp('center');
          var performanceInfo = '<br>Create Viewport: ' + viewportTime + ' ms<br>';
          performance.body.update(performanceInfo);    
          });
      </script>
    </head>
    <body>
    </body>
    </html>
    v4.0.4 test code:
    Code:
    <html>
    <head>
    <title>Performance Test</title>
    <link rel="stylesheet" type="text/css" href="ext-4.0.4/resources/css/ext-all.css" />
      <script type="text/javascript" src="ext-4.0.4/ext-all-debug.js"></script>
      <script type="text/javascript">
    
        Ext.onReady(function() {
    
        date = new Date();
    
        var viewport = Ext.create('Ext.Viewport', {
            id: 'border-example',
            layout: 'border',
            items: [
            Ext.create('Ext.Panel', {
              region: 'center', // a center region is ALWAYS required for border layout
              title: 'version 4 performance info',
              id: 'center',
              deferredRender: false
            })]
        });
    
        var viewportTime = new Date() - date;
        
        var performance = Ext.getCmp('center');
        var performanceInfo = '<br>Create Viewport: ' + viewportTime + ' ms<br>';
        performance.body.update(performanceInfo);    
      });
    </script>
    </head>
    <body>
    </body>
    </html>
    Can this simple test be run against the current developmental 4.1.0 version and the times posted?
    Last edited by rich02818; 20 Jul 2011 at 1:34 PM. Reason: added IE9 info

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar