jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.

jsperf.com URLs are mirrored at the same path, e.g:

https://jsperf.com/negative-modulo/2

Can be accessed at:

https://jsperf.app/negative-modulo/2

test of next method versus adjacent-sibling

Benchmark created by davidThomas on December 13, 2012

Preparation HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<style>
img {
border: 2px solid #f00;
padding: 0.2em;
width: 2em;
height: 2em;
}
</style>

<ul>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
  <li>
    <img src="test/test.gif" width="1" height="4" border="0">
    <br />
    Number
    <font color="#CC0000">
      *
    </font>
  </li>
</ul>

Test runner

Ready to run.

Testing in
Test		Ops/sec
using Next()	`$('img').next('br').remove();`	ready
using +	`$('img + br').remove();`	ready

Revisions

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

Revision 1: published by davidThomas on December 13, 2012