Preparation code

<script>
// Force require.js to load ASAP
window._setTimeout = window.setTimeout;
window.setTimeout = undefined;
</script>
<script src='https://raw.github.com/peterwmwong/cell/e7dd4381bd6e3774188f76481eab2725d2c6d402/bench/dom/built-dom.js'></script>
<script>
window.setTimeout = window._setTimeout;
</script>
<script>
require(['dom'], function(dom){
  window.dom1 = dom;
});
define = requirejs = require = undefined;
</script>

<script>
// Force require.js to load ASAP
window._setTimeout = window.setTimeout;
window.setTimeout = undefined;
</script>
<script src='https://raw.github.com/peterwmwong/cell/2cc8fb130fd3baeddfa2784b2ba608b25f2d1c02/bench/dom/built-dom.js'></script>
<script>
window.setTimeout = window._setTimeout;
</script>
<script>
require(['dom'], function(dom){
  window.dom2 = dom;
});
</script>
<script>
  Benchmark.prototype.setup = function() {
    var d1 = dom1('<div></div>');
    var d2 = dom2('<div></div>');
    
    d1.cssSetAll({
      margin:'2px',
      padding:'1px'
    });
    
    d2.cssSetAll({
      margin:'2px',
      padding:'1px'
    });
    
  };
</script>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

d1.cssAll(['margin','padding']).length;

d2.cssAll(['margin','padding']).length;

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

Compare results of other browsers

0 comments