FasterDom test

Benchmark created on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://bndr.me/fastdom.min.js"></script>
<div id='box'>
</div>
<div id='some_elem'>
</div>

Setup

Benchmark.prototype.setup = function() {
      var box = document.getElementById("box");
      var strr = "<div class='class1'></div><div class='class1'></div>";
      box.innerHTML = strr;
    };

Teardown


    Benchmark.prototype.teardown = function() {
      var box = document.getElementById("box");
      var strr = "<div class='class1'></div><div class='class1'></div>";
      box.innerHTML = strr;
    };

Test runner

Ready to run.

Testing in
TestOps/sec
fastdome html
 var dom =  new FasterDom(".class1");
dom.html("fastdome");
ready
jquery html
$(".class1").html("22");
ready
jquery css
 $(".class1").css({width: '100px'});
ready
fastdom css
 new FasterDom(".class1").css({width: '5px'});
ready
fastdom hide
new FasterDom(".class1").hide();
ready
fastdom show
new FasterDom(".class1").show();
ready
jquery hide
  $(".class1").hide();
ready
jquery show
  $(".class1").show();
ready
jquery prepend
 var doc = document.createElement('div');
                    $(".class1").prepend($(doc));
ready
fastdom prepend
 var doms = new FasterDom(".class1");
                    var doc = document.createElement('p');
                    doms.prepend(doc);
ready
fastdom prepend string
 var doms = new FasterDom(".class1");
                    doms.prepend("wutwut");
ready
jquery prepend string
                    $(".class1").prepend("wutwut");
ready
fastdome id html
new FasterDom("#some_elem").html("fastdome");
 
ready
jquery id html
$("#some_elem").html("jquery html");
ready
fastdom single attr
new FasterDom("#some_elem").attr("class","someclass");
ready
jquery single attr
$("#some_elem").attr("class","wuupp");
ready
fastdom single css
new FasterDom("#some_elem").css({"width":"5px"});
ready
jquery single css
$("#some_elem").css({"width":"5px"});
ready

Revisions

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