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

Element’s presence in ancestor

Benchmark created on October 11, 2025

Description

closest versus matches for testing whether an element has a particular ancestor

Preparation HTML

<u class="ancestor"><u class="target"></u></u>

<u class="ancestor">
	<u>
		<u>
			<u>
				<u>
					<u>
						<u>
							<u>
								<u>
									<u class="target"></u></u>
								</u>
							</u>
						</u>
					</u>
				</u>
			</u>
		</u>
	</u>
</u>

<!-- Without ancestor -->
<u class="target"/>

Setup

const targetList = document.querySelectorAll('.target')

Test runner

Ready to run.

Testing in
Test		Ops/sec
Closest	`for (const target of targetList) { null !== target.closest('.ancestor') }`	ready
Matches	`for (const target of targetList) { target.matches('.ancestor :scope') }`	ready

Revisions

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

Revision 1: published on October 11, 2025