Benchmark: document.body vs document.querySelector vs document.getElementsByTagName speed test

HTML Preparation code:

<!DOCTYPE html>
<html lang="ru">
<head>
</head>
<body class="bd">
  <div id="foo"></div>
</body>
</html>

Tests:

querySelector
const pageBody = document.querySelector('body');
Direct access
const pageBody = document.body;
getElementsByTagName
const pageBody = document.getElementsByTagName('body')[0];
getElementsByTagName 2
const pageBody = document.getElementsByTagName('body');
getElementsByClassName
const pageBody = document.getElementsByClassName('bd')[0]
getElementsByClassName 2
const pageBody = document.getElementsByClassName('bd')
querySelector 2
const pageBody = document.querySelector('.bd');

Rendered benchmark preparation results:

Previous results

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36

Browser/OS: Chrome 109 on Windows

Related benchmarks:

document.body vs document.querySelector vs document.getElementsByTagName speed test (version: 1)