Benchmark: Class vs ID - MeasureThat.net

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>

Previous results

Test case name	Result
Classname
Classname cached
Cached ID

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 5 years ago)

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

Browser/OS: Chrome 70 on Windows

View result in a separate tab

Test name	Executions per second
Classname	50610.7 Ops/sec
Classname cached	496983.9 Ops/sec
Cached ID	1065440.0 Ops/sec

Class vs ID (version: 0)

Comparing performance of: Classname vs Classname cached vs Cached ID

Created: 5 years ago by: Guest

Jump to the latest result

Classname

Classname cached

Cached ID

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A