test-dom-manipulation-kp (v2)

Revision 2 of this benchmark created on

Preparation HTML

<script>







                var mySwiper = new Swiper('.swiper-container', {







                        pagination: '.pagination',







                        loop: true,







                        grabCursor: true,







                        paginationClickable: true







                })







                $('.arrow-left').on('click', function(e) {







                        e.preventDefault()







                        mySwiper.swipePrev()







                })







                $('.arrow-right').on('click', function(e) {







                        e.preventDefault()







                        mySwiper.swipeNext()





                })



    </script>

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.