Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
get-divs-or-all
(version: 0)
Comparing performance of:
get divs vs get all
Created:
8 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<nav> <button id="gptTestRefresh" onclick="refreshAdFrame();" href="#">Refresh the ads</button> <button id="gptCreateLazySlot" style="display: none">Create a lazy load slot</button> </nav> <header id="siteHeader"> <div id="div-gpt-leaderboard-flex-1" data-tier="1"></div> </header> <div id="siteContainer"> <section id="siteContent"> Main site content goes here. <div id="div-gpt-fluid" data-tier="1"></div> </section> <aside id="rightColumn"> <div id="div-gpt-square-flex-1" data-tier="1"></div> <div id="div-gpt-square-fixed-1" data-tier="2"></div> <div id="div-gpt-square-fixed-2" data-tier="3"></div> <div id="div-gpt-square-fixed-3" data-tier="4"></div> </aside> </div> <div class="siteContainer"> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> <div class="div-gpt-square-flex-1" data-tier="1"></div> <div class="div-gpt-square-fixed-1" data-tier="2"></div> <div class="div-gpt-square-fixed-2" data-tier="3"></div> <div class="div-gpt-square-fixed-3" data-tier="4"></div> </aside> </div> <div class="siteContainer"> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> <div class="div-gpt-square-flex-1" data-tier="1"></div> <div class="div-gpt-square-fixed-1" data-tier="2"></div> <div class="div-gpt-square-fixed-2" data-tier="3"></div> <div class="div-gpt-square-fixed-3" data-tier="4"></div> </aside> </div> <div class="siteContainer"> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> <div class="div-gpt-square-flex-1" data-tier="1"></div> <div class="div-gpt-square-fixed-1" data-tier="2"></div> <div class="div-gpt-square-fixed-2" data-tier="3"></div> <div class="div-gpt-square-fixed-3" data-tier="4"></div> </aside> </div> <div class="siteContainer"> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> <div class="div-gpt-square-flex-1" data-tier="1"></div> <div class="div-gpt-square-fixed-1" data-tier="2"></div> <div class="div-gpt-square-fixed-2" data-tier="3"></div> <div class="div-gpt-square-fixed-3" data-tier="4"></div> </aside> </div> <div class="siteContainer"> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> </div> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <section class="siteContent"> Main site content goes here. <div class="div-gpt-fluid" data-tier="1"></div> </section> <aside class="rightColumn"> </aside> <footer id="siteFooter"> <div id="div-gpt-leaderboard-fixed-1" data-tier="4"></div> </footer>
Script Preparation code:
var count;
Tests:
get divs
count = document.getElementsByTagName('div').length; if (count > 50) { console.log('Check for adblock'); }
get all
count = document.getElementsByTagName('*').length; if (count > 100) { console.log('Check for adblock'); }
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (2)
Previous results
Fork
Test case name
Result
get divs
get all
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):
Based on the provided HTML and benchmarking data, I'll provide an answer. The benchmarking test appears to be measuring the performance of JavaScript code that interacts with the DOM. The tests are: 1. "get divs" - counts the number of `div` elements in the document and logs a message if more than 50 are found. 2. "get all" - counts the total number of elements in the document (all tags) and logs a message if more than 100 are found. The latest benchmark result shows: 1. Chrome 63, Windows 7: * "get divs": 136779 executions per second * "get all": 132488 executions per second It appears that "get all" is slightly faster than "get divs", which makes sense since it's counting more elements. Given the HTML structure provided, I notice that there are multiple instances of `section` and `aside` elements repeated. This might be contributing to the slower performance, as JavaScript needs to traverse and query these elements repeatedly. To optimize the code, I would suggest: * Using a single loop to iterate over all elements (using `document.querySelectorAll('*')`) instead of multiple loops for each individual tag. * Avoiding excessive DOM queries by caching the results or using more efficient methods like `element.childNodes` or `nodeList.length`. However, without seeing the actual JavaScript code that's being executed, it's difficult to provide a specific optimization.
Related benchmarks:
1dshvdshvhdsv
jquery speed class filter
get-divs-or-all
getElementById vs querySelector test
Comments
Confirm delete:
Do you really want to delete benchmark?