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
This test shows the performance difference between getting the reference to a DOM element by calling getElementById, querySelector and accessing it via the named element of window.
The test only uses one HTML element with the id as the standard expects to only have one unique element with that ID in the DOM. Other than that the created object "node" will contain a collection if we use querySelector or the named element.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<div id="testid" class="testclass"></div>
Ready to run.
Test | Ops/sec | |
---|---|---|
getElementById |
| ready |
querySelector |
| ready |
named elements |
| ready |
JQuery by ID |
| ready |
JQuery by Name |
| ready |
JQuery by class |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.