Run results for: test matches vs querySelectorAll + contains

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Browser: Chrome 137

Operating system: Linux

Device Platform: Desktop

Date tested: 10 months ago

Test name	Executions per second
matches	0.5 Ops/sec
querySelectoAll + contains	1.3 Ops/sec

HTML Preparation code:

<div class="foo"><div class="bar"></div></div>

Tests:

matches
var element = document.querySelector(".bar"); var i = 5000 * 5000; while (i--) { element.closest(".foo"); }
querySelectoAll + contains
var element = document.querySelector(".bar"); var i = 5000; while (i--) { const element2 = document.querySelector(".foo"); var j = 5000; while (j--) { element2.contains(element); } }