<div class='a'>try</div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div>v
<div class='a b'>this</div>
<div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div><div class='a'></div>
<div class='a c'>howAboutMoreElements</div>
function querySelectorWrapper(className) {
return !document.querySelector('.' + className);
}
function classListContainsWrapper(element, className) {
return element.classList.contains(className);
}
var elementRefB = document.querySelector('.b');
var elementRefC = document.querySelector('.c');
querySelectorWrapper('b');
classListContainsWrapper(elementRefB, 'b');
querySelectorWrapper('c');
classListContainsWrapper(elementRefC, 'c');
--enable-precise-memory-info
flag.
Test case name | Result |
---|---|
querySelector | |
classList.contains | |
querySelector after more HTML elements | |
classList.contains after more HTML elements |
Test name | Executions per second |
---|---|
querySelector | 1568046.0 Ops/sec |
classList.contains | 4936618.0 Ops/sec |
querySelector after more HTML elements | 875125.3 Ops/sec |
classList.contains after more HTML elements | 4812829.5 Ops/sec |
Based on the provided benchmark results, here are some observations and possible conclusions:
Browser Performance
The benchmark results show that Chrome 123 is performing well across all test cases.
classList.contains
executed at approximately 49,366,618 executions per secondclassList.contains after more HTML elements
executed at approximately 48,132,829 executions per secondquerySelector
executed at approximately 15,680,460 executions per secondquerySelector after more HTML elements
executed at approximately 87,512,625 executions per secondDevice and OS
The benchmark results are from a Windows desktop device.
Operating System
All benchmark results are from Windows operating system.
Element Count
The test cases with more HTML elements (classList.contains after more HTML elements
and querySelector after more HTML elements
) show slightly slower execution times compared to the basic test case (classList.contains
).
However, it's essential to note that these differences in performance are relatively small and may not be statistically significant. Additionally, the results might be influenced by other factors such as JavaScript engine optimization, caching, and DOM manipulation.
Conclusion
While there is some variation in execution times between the different test cases, Chrome 123 appears to be performing well overall. The Windows desktop device and OS are also shown to provide a stable platform for benchmarking.
However, without more detailed analysis of the results or additional context, it's challenging to draw concrete conclusions about the performance characteristics of Chrome 123 on this specific hardware and software configuration.