MeasureThat.net

Run results for: matches vs. closest benchmark

Go to the benchmark
Run details:
Mozilla/5.0 (X11; CrOS x86_64 15117.112.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36
Chrome 107
Chrome OS 15117.112.0
Desktop
2 years ago
Test name Executions per second
matches 5784.2 Ops/sec
closest 5338.8 Ops/sec
HTML Preparation code:
AخA
 
1
<table class="foo">
2
  <tr>
3
    <td>Hello</td>
4
    <td>World</td>
5
  </tr>
6
  <tr>
7
    <td>Hello</td>
8
    <td>World</td>
9
  </tr>
10
  <tr>
11
    <td>Hello</td>
12
    <td class="bar">World</td>
13
  </tr>
14
</table>
Script Preparation code:
 
var element = document.querySelector('.bar');
Tests:

  • matches

     
    var i = 1000;
    while (i--) {
      element.matches(".foo *");
    }

  • closest

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