Run results for: querySelector on HTML tag vs. closest

Run details:

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

Browser: Mobile Safari 18

Operating system: iOS 18.1.1

Device Platform: Mobile

Date tested: one year ago

Test name	Executions per second
getting the html tag with querySelector	10972273.0 Ops/sec
getting the html tag with closest	6068134.0 Ops/sec

HTML Preparation code:

<html>
  <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('html');
getting the html tag with closest
const theHtml = theDiv.closest('html')

Run results for: querySelector on HTML tag 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