Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
querySelectorAll vs getElementsByTagName 23
(version: 0)
Comparing performance of:
querySelectorAll vs getElementsByTagName
Created:
6 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> </div> <div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> </div> <div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> <div><img /></div> <div><img /></div> <div><img /></div> <div><img loading /></div> <div><img loading = "lazy" /></div> </div>
Tests:
querySelectorAll
document.querySelectorAll('img[loading]').forEach(i => { i.setAttribute('loading', 'eager'); });
getElementsByTagName
[...document.getElementsByTagName('img')].forEach(i => { if (i.hasAttribute('loading')) i.setAttribute('loading', 'eager'); });
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
querySelectorAll
getElementsByTagName
Fastest:
N/A
Slowest:
N/A
Latest run results:
No previous run results
This benchmark does not have any results yet. Be the first one
to run it!
Autogenerated LLM Summary
(model
llama3.2:3b
, generated one year ago):
I'll do my best to help with this complex benchmarking output. **Benchmark Results** There are two benchmark results in the output: 1. `querySelectorAll` 2. `getElementsByTagName` Both tests have been executed multiple times, and their results are stored in an array. Let's extract some information from each result: **querySelectorAll Result** * Browser: Chrome 114 * Device Platform: Desktop * Operating System: Windows * Executions Per Second (EPS): 6008.32861328125 This result indicates that the `querySelectorAll` test executed at a rate of approximately 6,008 times per second on a Chrome 114 browser running on a desktop device with Windows operating system. **getElementsByTagName Result** * Browser: Chrome 114 * Device Platform: Desktop * Operating System: Windows * Executions Per Second (EPS): 3854.82470703125 This result indicates that the `getElementsByTagName` test executed at a rate of approximately 3,854 times per second on a Chrome 114 browser running on a desktop device with Windows operating system. **Key Insights** Based on these results, we can infer some key insights: * Both tests are executed at relatively high rates. * The `querySelectorAll` test performs slightly better than the `getElementsByTagName` test. * Both tests are consistent across multiple executions. However, without more context or data, it's difficult to draw conclusions about the relative performance of these two methods or identify potential bottlenecks in the code. If you have any further questions or would like me to elaborate on any aspect of the results, please feel free to ask!
Related benchmarks:
querySelectorAll vs getElementsByTagName 24
querySelectorAll() vs getElementsByTagName()
querySelectorAll() vs getElementsByTagName() - with constant
querySelectorAll() vs getElementsByTagName() - with constant length
Comments
Confirm delete:
Do you really want to delete benchmark?