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

DOM Selector Performance

Benchmark created by Alex Van Camp on September 29, 2014

Preparation HTML

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

<style>
.test { display: inline-block; }
.hey { display: inline-block; background-color: red!important; }
</style>

<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>
<div class="test" style="width: 50px; height: 50px; background-color: black;"></div>

Test runner

Ready to run.

Testing in
Test		Ops/sec
Javascript	`[].forEach.call( document.querySelectorAll('.test'), function(el) { el.setAttribute('class', 'hey'); } );`	ready
jQuery	`$('.test').addClass('hey');`	ready

Revisions

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

Revision 1: published by Alex Van Camp on September 29, 2014