Benchmark: matches vs. closest 2

HTML Preparation code:

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

Tests:

matches
var element = document.querySelector(".bar"); var i = 1000; while (i--) { element.matches(".foo .bar"); }
closest
var element = document.querySelector(".bar"); var i = 1000; while (i--) { element.closest(".foo"); }

Rendered benchmark preparation results:

Previous results

Test case name	Result
matches
closest

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 2 years ago)

User agent: Mozilla/5.0 (iPhone; CPU iPhone OS 15_4 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Mobile/15E148 Safari/604.1

Browser/OS: Mobile Safari 15 on iOS 15.4

Test name	Executions per second
matches	25360.4 Ops/sec
closest	24882.4 Ops/sec

matches vs. closest 2 (version: 0)