id vs class vs attr selectors (v189)

Revision 189 of this benchmark created on

Preparation HTML

<p id="js-foo" class="js-foo" data-js="tabs"></p>

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

Test runner

Ready to run.

Testing in
TestOps/sec
id
var element = $('#js-foo');
ready
class
var element = $('.js-foo');
ready
$(data-attr)
var element = $('[data-js="tabs"]')
ready
queryselector id
var element = document.querySelector('#js-foo')
ready
queryselectorall class
var element = document.querySelectorAll('.js-foo')
ready
queryselectorall data-attr
var element = $('[data-js="tabs"]')
ready

Revisions

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