remove_node_vs_update_nodes

Benchmark created by head append on October 25, 2013

Preparation HTML

<ul class="test">
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li><li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
<li id="a"></li>
<li id="b"></li>
<li id="c"></li>
<li id="d"></li>
<li id="e"></li>
</ul>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

var li_l = $('.test').find('li').length;
    var text_ = "dsalkdjsakldjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasjdjksaljdlkas;jdklasj";

Test runner

var test = $('.test');

test.find("li").each(function(index, value){
  $(this).html(text_);
});

var test = $('.test').empty();

$.each([li_l ], function(index, value){
  var li = $('<li/>', { id : index}).html(text_);
  test.append(li);
});

Revisions

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

• Revision 1: published by head append on October 25, 2013