querySelector performance

Benchmark created on


Description

Test query selecotor with id, class or custom attr.

Preparation HTML

<div id="query-selector-id">Test</div>
<div class="query-selector-class">Test</div>
<div query-selector-class>Test</div>

Test runner

Ready to run.

Testing in
TestOps/sec
By id attr
document.querySelector('#query-selector-id');
ready
By class attr
document.querySelector('.query-selector-class');
ready
By custom attr
document.querySelector('[query-selector-class]');
ready

Revisions

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