Run results for: querySelector on HTML tag dir attribute vs. closest

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.83 Safari/537.36

Browser: Chrome 85

Operating system: Mac OS X 10.15.6

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
getting the html tag with querySelector	4620319.0 Ops/sec
getting the html tag with closest	3669461.2 Ops/sec

HTML Preparation code:

<html dir="rtl">
  <body>
    <div>
      <div>
        <div>
          <div>
            <div id="test"></div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>

Script Preparation code:

window.theDiv = document.querySelector('#test');

Tests:

getting the html tag with querySelector
const theHtml = document.querySelector('[dir=rtl]');
getting the html tag with closest
const theHtml = theDiv.closest('[dir=rtl]')

Run results for: querySelector on HTML tag dir attribute vs. closest

Figuring out what's faster, to querySelect the HTML tag or use the javascript closest

getting the html tag with querySelector

getting the html tag with closest