test-dom-manipulation-kp

Benchmark created by Karmi Phúc on

Preparation HTML

<div id="test"></div>

Test runner

Ready to run.

Testing in
TestOps/sec
Using DOMs excessively
// Cực kì không tốt
for (var i = 0; i < 100; i++) {
  document.getElementById("test").innerHTML += "<span>" + i + "</span>";
}
ready
Using DOMs wisely
// Tốt
var test = "";

for (var i = 0; i < 100; i++) {
  test += "<span>" + i + "</span>";
}

document.getElementById("test").innerHTML = test;
ready

Revisions

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