EXTJS explicite create vs xtype (v8)

Revision 8 of this benchmark created on

Preparation HTML

<script type='text/javascript' src="http://cdn.sencha.io/ext-4.0.7-gpl/ext-all.js">
</script>
<style type='text/css' rel='stylesheet'>
  .hidden-display { display: none; } .hidden-visible { visibility: hidden; }
</style>

Setup

Benchmark.prototype.setup = function() {
    Ext.onReady(function() {

    });
  }

Test runner

Ready to run.

Testing in
TestOps/sec
1
// async test
Ext.create('Ext.Window', {
  modal: true,
  proxyDrag: true,
  shadow: true,
  collapsible: false,
  resizable: true,
  closable: true,
  frame: true,
  width: 800,
  height: 500,
  layout: {
    type: 'fit'
  },
  title: 'Add unit',
  items: [{
    xtype: 'triggerfield',
    anchor: '100%',
    fieldLabel: 'test'
  }, {
    xtype: 'triggerfield',
    anchor: '100%',
    fieldLabel: 'test'
  }]
});
ready
2
Ext.create('Ext.Window', {
  modal: true,
  proxyDrag: true,
  shadow: true,
  collapsible: false,
  resizable: true,
  closable: true,
  frame: true,
  width: 800,
  height: 500,
  layout: {
    type: 'fit'
  },
  title: 'Add unit',
  items: [Ext.create('Ext.form.field.Trigger', {
    anchor: '100%',
    fieldLabel: 'test'
  }), Ext.create('Ext.form.field.Trigger', {
    anchor: '100%',
    fieldLabel: 'test'
  })]
});
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.