Toggle navigation
MeasureThat.net
Create a benchmark
Tools
Feedback
FAQ
Register
Log In
Class vs ID
(version: 0)
Comparing performance of:
Classname vs Classname cached vs Cached ID
Created:
7 years ago
by:
Guest
Jump to the latest result
HTML Preparation code:
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus justo sit amet neque convallis, a imperdiet urna efficitur. Vestibulum efficitur lorem eu magna dictum fermentum. Nam placerat turpis elit, sit amet viverra tellus suscipit ut. In lectus leo, porttitor et tincidunt ut, tincidunt nec dui. Quisque tincidunt volutpat mi a vehicula. Praesent varius viverra tortor, vitae tempor lacus pulvinar condimentum. Sed at lorem mattis, suscipit dui id, eleifend justo. Nullam luctus felis at erat mollis imperdiet. Sed nisi tellus, pretium nec risus id, pellentesque suscipit nunc. Phasellus non mattis augue. Sed mattis elit quis risus suscipit laoreet. Nulla molestie justo a mi sodales, et vulputate metus tincidunt. Pellentesque quis purus volutpat, rhoncus nisl eu, dignissim augue. Nunc facilisis felis a nisi finibus vehicula bibendum vitae lacus. Proin mollis turpis sapien, non finibus sem euismod nec. Quisque dictum pellentesque eros, sed elementum nunc ultricies vel. Proin sodales orci non lectus iaculis aliquet. In turpis lorem, efficitur cursus feugiat ut, euismod non metus. Integer a libero sapien. Cras non venenatis tortor, eget ullamcorper mi. Maecenas vitae eros ex. Aenean sodales sem quis orci consectetur pellentesque non ac lectus. Suspendisse tincidunt tincidunt ligula, sed scelerisque nibh pellentesque vitae. Sed sed urna ipsum. Aenean sodales dolor ut massa semper tincidunt. Vestibulum vitae volutpat tellus. Cras in ex condimentum, pharetra dui nec, fringilla lacus. Aliquam sagittis ipsum est, non sollicitudin ex congue id. Sed imperdiet, libero quis posuere dignissim, turpis mauris pellentesque lacus, nec facilisis sapien elit id velit. Nullam pellentesque imperdiet diam ut congue. Nullam tincidunt, odio in rutrum suscipit, arcu lectus porttitor ante, sit amet facilisis leo enim non justo. Sed pretium dolor non consectetur euismod. Curabitur pulvinar, lacus in commodo efficitur, ex sapien vestibulum nibh, a feugiat arcu metus quis purus. Aliquam imperdiet aliquam mi, blandit dignissim nisl ultrices eget. Suspendisse nec risus non leo varius vestibulum. Duis ut purus ac elit consectetur feugiat id id ligula. Donec ac magna consectetur, pretium metus sed, luctus diam. Ut varius elementum lacinia. Nunc rutrum, nulla vel porta sodales, tellus neque luctus tellus, nec tempus tellus libero at ex. Quisque efficitur fermentum gravida. Nulla eget dictum magna. Vivamus convallis iaculis sapien, vitae commodo leo consequat id. Duis vitae quam in mi molestie auctor id non lorem. Sed auctor suscipit hendrerit. Mauris efficitur nunc ut rhoncus finibus. Nam iaculis cursus magna ac ullamcorper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam finibus semper diam, sed volutpat quam placerat interdum. Curabitur condimentum nunc at nisl vehicula, vel facilisis turpis luctus. Cras vehicula elit ut iaculis accumsan. Suspendisse potenti. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin leo est, congue ut nisi in, dignissim congue lectus. Nam mauris turpis, tempor bibendum ex nec, ornare tincidunt felis. Aenean nec eros arcu. </div> <div id='add-to-watchlist'></div> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus justo sit amet neque convallis, a imperdiet urna efficitur. Vestibulum efficitur lorem eu magna dictum fermentum. Nam placerat turpis elit, sit amet viverra tellus suscipit ut. In lectus leo, porttitor et tincidunt ut, tincidunt nec dui. Quisque tincidunt volutpat mi a vehicula. Praesent varius viverra tortor, vitae tempor lacus pulvinar condimentum. Sed at lorem mattis, suscipit dui id, eleifend justo. Nullam luctus felis at erat mollis imperdiet. Sed nisi tellus, pretium nec risus id, pellentesque suscipit nunc. Phasellus non mattis augue. Sed mattis elit quis risus suscipit laoreet. Nulla molestie justo a mi sodales, et vulputate metus tincidunt. Pellentesque quis purus volutpat, rhoncus nisl eu, dignissim augue. Nunc facilisis felis a nisi finibus vehicula bibendum vitae lacus. Proin mollis turpis sapien, non finibus sem euismod nec. Quisque dictum pellentesque eros, sed elementum nunc ultricies vel. Proin sodales orci non lectus iaculis aliquet. In turpis lorem, efficitur cursus feugiat ut, euismod non metus. Integer a libero sapien. Cras non venenatis tortor, eget ullamcorper mi. Maecenas vitae eros ex. Aenean sodales sem quis orci consectetur pellentesque non ac lectus. Suspendisse tincidunt tincidunt ligula, sed scelerisque nibh pellentesque vitae. Sed sed urna ipsum. Aenean sodales dolor ut massa semper tincidunt. Vestibulum vitae volutpat tellus. Cras in ex condimentum, pharetra dui nec, fringilla lacus. Aliquam sagittis ipsum est, non sollicitudin ex congue id. Sed imperdiet, libero quis posuere dignissim, turpis mauris pellentesque lacus, nec facilisis sapien elit id velit. Nullam pellentesque imperdiet diam ut congue. Nullam tincidunt, odio in rutrum suscipit, arcu lectus porttitor ante, sit amet facilisis leo enim non justo. Sed pretium dolor non consectetur euismod. Curabitur pulvinar, lacus in commodo efficitur, ex sapien vestibulum nibh, a feugiat arcu metus quis purus. Aliquam imperdiet aliquam mi, blandit dignissim nisl ultrices eget. Suspendisse nec risus non leo varius vestibulum. Duis ut purus ac elit consectetur feugiat id id ligula. Donec ac magna consectetur, pretium metus sed, luctus diam. Ut varius elementum lacinia. Nunc rutrum, nulla vel porta sodales, tellus neque luctus tellus, nec tempus tellus libero at ex. Quisque efficitur fermentum gravida. Nulla eget dictum magna. Vivamus convallis iaculis sapien, vitae commodo leo consequat id. Duis vitae quam in mi molestie auctor id non lorem. Sed auctor suscipit hendrerit. Mauris efficitur nunc ut rhoncus finibus. Nam iaculis cursus magna ac ullamcorper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam finibus semper diam, sed volutpat quam placerat interdum. Curabitur condimentum nunc at nisl vehicula, vel facilisis turpis luctus. Cras vehicula elit ut iaculis accumsan. Suspendisse potenti. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin leo est, congue ut nisi in, dignissim congue lectus. Nam mauris turpis, tempor bibendum ex nec, ornare tincidunt felis. Aenean nec eros arcu. </div> <div class='popover'></div> <div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. In faucibus justo sit amet neque convallis, a imperdiet urna efficitur. Vestibulum efficitur lorem eu magna dictum fermentum. Nam placerat turpis elit, sit amet viverra tellus suscipit ut. In lectus leo, porttitor et tincidunt ut, tincidunt nec dui. Quisque tincidunt volutpat mi a vehicula. Praesent varius viverra tortor, vitae tempor lacus pulvinar condimentum. Sed at lorem mattis, suscipit dui id, eleifend justo. Nullam luctus felis at erat mollis imperdiet. Sed nisi tellus, pretium nec risus id, pellentesque suscipit nunc. Phasellus non mattis augue. Sed mattis elit quis risus suscipit laoreet. Nulla molestie justo a mi sodales, et vulputate metus tincidunt. Pellentesque quis purus volutpat, rhoncus nisl eu, dignissim augue. Nunc facilisis felis a nisi finibus vehicula bibendum vitae lacus. Proin mollis turpis sapien, non finibus sem euismod nec. Quisque dictum pellentesque eros, sed elementum nunc ultricies vel. Proin sodales orci non lectus iaculis aliquet. In turpis lorem, efficitur cursus feugiat ut, euismod non metus. Integer a libero sapien. Cras non venenatis tortor, eget ullamcorper mi. Maecenas vitae eros ex. Aenean sodales sem quis orci consectetur pellentesque non ac lectus. Suspendisse tincidunt tincidunt ligula, sed scelerisque nibh pellentesque vitae. Sed sed urna ipsum. Aenean sodales dolor ut massa semper tincidunt. Vestibulum vitae volutpat tellus. Cras in ex condimentum, pharetra dui nec, fringilla lacus. Aliquam sagittis ipsum est, non sollicitudin ex congue id. Sed imperdiet, libero quis posuere dignissim, turpis mauris pellentesque lacus, nec facilisis sapien elit id velit. Nullam pellentesque imperdiet diam ut congue. Nullam tincidunt, odio in rutrum suscipit, arcu lectus porttitor ante, sit amet facilisis leo enim non justo. Sed pretium dolor non consectetur euismod. Curabitur pulvinar, lacus in commodo efficitur, ex sapien vestibulum nibh, a feugiat arcu metus quis purus. Aliquam imperdiet aliquam mi, blandit dignissim nisl ultrices eget. Suspendisse nec risus non leo varius vestibulum. Duis ut purus ac elit consectetur feugiat id id ligula. Donec ac magna consectetur, pretium metus sed, luctus diam. Ut varius elementum lacinia. Nunc rutrum, nulla vel porta sodales, tellus neque luctus tellus, nec tempus tellus libero at ex. Quisque efficitur fermentum gravida. Nulla eget dictum magna. Vivamus convallis iaculis sapien, vitae commodo leo consequat id. Duis vitae quam in mi molestie auctor id non lorem. Sed auctor suscipit hendrerit. Mauris efficitur nunc ut rhoncus finibus. Nam iaculis cursus magna ac ullamcorper. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam finibus semper diam, sed volutpat quam placerat interdum. Curabitur condimentum nunc at nisl vehicula, vel facilisis turpis luctus. Cras vehicula elit ut iaculis accumsan. Suspendisse potenti. Interdum et malesuada fames ac ante ipsum primis in faucibus. Proin leo est, congue ut nisi in, dignissim congue lectus. Nam mauris turpis, tempor bibendum ex nec, ornare tincidunt felis. Aenean nec eros arcu. </div>
Tests:
Classname
if ($('.popover').length){} if ($('.popover').length){} if ($('.popover').length){} if ($('.popover').length){} if ($('.popover').length){} if ($('.popover').length){} if ($('.popover').length){} if ($('.popover').length){} if ($('.popover').length){} if ($('.popover').length){}
Classname cached
var popover = $('.popover'); if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){}
Cached ID
var popover = $('#add-to-watchlist'); if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){} if (popover.length){}
Rendered benchmark preparation results:
Suite status:
<idle, ready to run>
Run tests (3)
Previous results
Fork
Test case name
Result
Classname
Classname cached
Cached ID
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):
To analyze and understand the provided code snippets, we'll break down each section: **Individual Test Cases** The test cases are written in JavaScript and appear to be testing the presence of HTML elements with specific classnames or IDs. 1. The first two test cases use `$('.popover')` to select all elements with the `.popover` class and then check if the length is greater than 0 using an `if` statement. These tests seem to be checking if the class exists, but there's no actual functionality being tested. 2. The third test case uses `$('#add-to-watchlist')` to select a specific element with the ID `add-to-watchlist`. Like the previous test cases, it checks if the length is greater than 0. **Latest Benchmark Result** The latest benchmark result appears to be from Chrome 70 running on Windows desktop. It shows three tests: 1. "Cached ID" - This test has an execution count of 1065440.125 executions per second. 2. "Classname cached" - This test has an execution count of 496983.875 executions per second. 3. "Classname" - This test has an execution count of 50610.7421875 executions per second. These results suggest that the cached ID test is the fastest, followed by the class cached test, and then the class name test. **Suggestions** Based on this analysis: * The `$('.popover')` tests seem to be unnecessary and could be removed if they're not adding any value. * The `$('#add-to-watchlist')` test is specific to a particular ID and might be useful in certain contexts. However, without more information about the purpose of these tests, it's difficult to say whether they're relevant. * If you want to optimize the performance of your code, consider caching classnames or IDs using a technique like memoization. Please provide more context or clarify the purpose of these test cases if you'd like further assistance!
Related benchmarks:
regex vs includes speed comparison
Reduce w/ Lowercase vs. Magic Regex
Spilt() vs Substring()
string comparisons 4
Comments
Confirm delete:
Do you really want to delete benchmark?