Benchmark: DataAttribute vs Class Selector vs ID Selector vs getElementById vs getElementsByClassName with other elements

HTML Preparation code:
<div>Lorem</div><div>ipsum</div><div>dolor</div><div>sit</div><div>amet,</div><div>consectetur</div><div>adipiscing</div><div>elit.</div><div>Sed</div><div>eget</div><div>elit</div><div>pharetra,</div><div>ultrices</div><div>ante</div><div>eu,</div><div>sollicitudin</div><div>lacus.</div><div>Praesent</div><div>eu</div><div>metus</div><div>scelerisque,</div><div>gravida</div><div>diam</div><div>quis,</div><div>aliquet</div><div>leo.</div><div>Donec</div><div>egestas</div><div>ipsum</div><div>sed</div><div>sem</div><div>aliquet</div><div>malesuada.</div><div>Nam</div><div>sed</div><div>eros</div><div>turpis.</div><div>Proin</div><div>placerat</div><div>vitae</div><div>nulla</div><div>in</div><div>venenatis.</div><div>Aenean</div><div>eu</div><div>ex</div><div>sed</div><div>arcu</div><div>commodo</div><div>faucibus</div><div>quis</div><div>quis</div><div>libero.</div><div>Vestibulum</div><div>congue</div><div>tellus</div><div>et</div><div>congue</div><div>elementum.</div><div>Nulla</div><div>odio</div><div>mi,</div><div>finibus</div><div>sit</div><div>amet</div><div>mauris</div><div>sed,</div><div>facilisis</div><div>accumsan</div><div>dui.</div><div>Aliquam</div><div>nulla</div><div>leo,</div><div>placerat</div><div>at</div><div>pellentesque</div><div>a,</div><div>pulvinar</div><div>id</div><div>enim.</div><div>Donec</div><div>at</div><div>mauris</div><div>ut</div><div>ante</div><div>congue</div><div>egestas.</div><div>Nullam</div><div>accumsan</div><div>lacus</div><div>et</div><div>metus</div><div>pharetra</div><div>feugiat</div><div>eget</div><div>eget</div><div>ipsum.</div><div>Aenean</div><div>faucibus</div><div>aliquam</div><div>est</div><div>in</div><div>mattis.</div><div>Mauris</div><div>finibus</div><div>erat</div><div>quam,</div><div>vel</div><div>viverra</div><div>enim</div><div>suscipit</div><div>a.</div><div>Quisque</div><div>nec</div><div>ante</div><div>vitae</div><div>leo</div><div>sodales</div><div>efficitur</div><div>non</div><div>cursus</div><div>ex.</div><div>Nunc</div><div>vitae</div><div>dictum</div><div>mi.</div><div>Proin</div><div>elementum</div><div>elit</div><div>a</div><div>justo</div><div>tristique</div><div>fermentum.</div><div>Vestibulum</div><div>vel</div><div>porta</div><div>ligula,</div><div>non</div><div>facilisis</div><div>sapien.</div><div>Duis</div><div>ornare</div><div>lectus</div><div>interdum</div><div>vehicula</div><div>lobortis.</div><div>Cras</div><div>dictum</div><div>orci</div><div>lorem.</div><div>In</div><div>vel</div><div>malesuada</div><div>risus.</div><div>Nullam</div><div>ut</div><div>laoreet</div><div>nisl,</div><div>in</div><div>vehicula</div><div>dolor.</div><div>In</div><div>hac</div><div>habitasse</div><div>platea</div><div>dictumst.</div><div>Donec</div><div>suscipit</div><div>diam</div><div>sit</div><div>amet</div><div>massa</div><div>elementum</div><div>scelerisque.</div><div>Nulla</div><div>facilisis</div><div>augue</div><div>blandit</div><div>egestas</div><div>ultrices.</div><div>Quisque</div><div>condimentum</div><div>dolor</div><div>in</div><div>diam</div><div>ornare</div><div>mattis</div><div>vitae</div><div>ac</div><div>purus.</div><div>Vivamus</div><div>sit</div><div>amet</div><div>lorem</div><div>imperdiet,</div><div>dignissim</div><div>turpis</div><div>eu,</div><div>elementum</div><div>sapien.</div><div>Mauris</div><div>sollicitudin,</div><div>urna</div><div>ac</div><div>sollicitudin</div><div>egestas,</div><div>libero</div><div>leo</div><div>commodo</div><div>odio,</div><div>a</div><div>viverra</div><div>diam</div><div>nisl</div><div>nec</div><div>est.</div><div>Ut</div><div>odio</div><div>nunc,</div><div>vestibulum</div><div>vel</div><div>porta</div><div>sit</div><div>amet,</div><div>consequat</div><div>non</div><div>arcu.</div><div>Proin</div><div>vitae</div><div>bibendum</div><div>nibh.</div><div>Integer</div><div>quis</div><div>nisl</div><div>nisi.</div><div>Vestibulum</div><div>dignissim</div><div>felis</div><div>id</div><div>tempus</div><div>lobortis.</div><div>Praesent</div><div>id</div><div>interdum</div><div>nunc.</div><div>In</div><div>vulputate,</div><div>ligula</div><div>lobortis</div><div>elementum</div><div>volutpat,</div><div>metus</div><div>orci</div><div>suscipit</div><div>massa,</div><div>et</div><div>imperdiet</div><div>turpis</div><div>libero</div><div>eget</div><div>metus.</div><div>Etiam</div><div>feugiat</div><div>urna</div><div>eu</div><div>risus</div><div>bibendum,</div><div>sed</div><div>fringilla</div><div>lectus</div><div>condimentum.</div><div>Vivamus</div><div>sit</div><div>amet</div><div>interdum</div><div>est.</div><div>Aliquam</div><div>a</div><div>consectetur</div><div>arcu.</div><div>Ut</div><div>pellentesque</div><div>consectetur</div><div>lectus</div><div>at</div><div>vestibulum.</div><div>Integer</div><div>lacinia</div><div>gravida</div><div>viverra.</div><div>Donec</div><div>in</div><div>diam</div><div>eget</div><div>lorem</div><div>sagittis</div><div>cursus.</div><div>Sed</div><div>nisi</div><div>arcu,</div><div>vulputate</div><div>eu</div><div>viverra</div><div>et,</div><div>mattis</div><div>ut</div><div>libero.</div><div>Maecenas</div><div>semper</div><div>risus</div><div>in</div><div>ipsum</div><div>consequat,</div><div>ut</div><div>mattis</div><div>nisi</div><div>laoreet.</div><div>Duis</div><div>vehicula</div><div>ex</div><div>sed</div><div>lacus</div><div>tempor</div><div>aliquam.</div><div>In</div><div>egestas</div><div>id</div><div>orci</div><div>eget</div><div>sagittis.</div><div>Vivamus</div><div>malesuada,</div><div>mi</div><div>ut</div><div>malesuada</div><div>aliquet,</div><div>augue</div><div>ipsum</div><div>blandit</div><div>mauris,</div><div>et</div><div>placerat</div><div>quam</div><div>lectus</div><div>ac</div><div>orci.</div><div>Mauris</div><div>et</div><div>neque</div><div>vel</div><div>est</div><div>sagittis</div><div>elementum</div><div>eu</div><div>vel</div><div>urna.</div><div>Nullam</div><div>aliquam</div><div>magna</div><div>et</div><div>eleifend</div><div>interdum.</div><div>Integer</div><div>vitae</div><div>gravida</div><div>metus,</div><div>id</div><div>fringilla</div><div>eros.</div><div>Donec</div><div>finibus</div><div>ante</div><div>massa,</div><div>aliquam</div><div>aliquam</div><div>nisl</div><div>aliquet</div><div>ac.</div><div>Integer</div><div>pretium</div><div>augue</div><div>sit</div><div>amet</div><div>mattis</div><div>lacinia.</div><div>Nam</div><div>ut</div><div>tristique</div><div>velit,</div><div>euismod</div><div>lacinia</div><div>nibh.</div><div>Fusce</div><div>vestibulum</div><div>elementum</div><div>diam</div><div>sed</div><div>ultrices.</div><div>Pellentesque</div><div>ac</div><div>maximus</div><div>erat,</div><div>nec</div><div>aliquet</div><div>mi.</div><div>Suspendisse</div><div>id</div><div>turpis</div><div>eleifend,</div><div>tempus</div><div>nulla</div><div>non,</div><div>viverra</div><div>metus.</div><div>Quisque</div><div>at</div><div>bibendum</div><div>erat,</div><div>tempor</div><div>molestie</div><div>neque.</div><div>Curabitur</div><div>gravida</div><div>blandit</div><div>augue,</div><div>vel</div><div>rutrum</div><div>ligula</div><div>pellentesque</div><div>at.</div><div>Nullam</div><div>sed</div><div>justo</div><div>rutrum,</div><div>interdum</div><div>felis</div><div>bibendum,</div><div>interdum</div><div>enim.</div><div>Pellentesque</div><div>quis</div><div>rhoncus</div><div>ligula.</div><div>Praesent</div><div>finibus</div><div>ac</div><div>urna</div><div>eu</div><div>imperdiet.</div><div>Vestibulum</div><div>lorem</div><div>arcu,</div><div>porttitor</div><div>sed</div><div>tincidunt</div><div>quis,</div><div>molestie</div><div>vitae</div><div>erat.</div><div>Duis</div><div>sagittis</div><div>commodo</div><div>tortor,</div><div>ut</div><div>accumsan</div><div>felis</div><div>iaculis</div><div>laoreet.</div><div>Nullam</div><div>sed</div><div>consequat</div><div>mauris,</div><div>non</div><div>facilisis</div><div>urna.</div><div>Ut</div><div>pharetra</div><div>vehicula</div><div>feugiat.</div><div>Proin</div><div>mattis</div><div>pulvinar</div><div>nisl</div><div>sed</div><div>tincidunt.</div><div>Nunc</div><div>lorem</div><div>est,</div><div>gravida</div><div>et</div><div>nibh</div><div>eu,</div><div>vehicula</div><div>vulputate</div><div>velit.</div><div>Nullam</div><div>est</div><div>arcu,</div><div>vestibulum</div><div>vitae</div><div>aliquet</div><div>ut,</div><div>sagittis</div><div>ut</div><div>nunc.</div><div>Nulla</div><div>facilisi.</div><div>Curabitur</div><div>malesuada</div><div>dolor</div><div>odio,</div><div>et</div><div>lacinia</div><div>dui</div><div>mollis</div><div>sed.</div><div>Phasellus</div><div>pretium</div><div>quis</div><div>lorem</div><div>a</div><div>euismod.</div><div>Nunc</div><div>porta</div><div>urna</div><div>non</div><div>libero</div><div>dignissim</div><div>consectetur.</div><div>Sed</div><div>tincidunt</div><div>faucibus</div><div>nulla,</div><div>sit</div><div>amet</div><div>aliquam</div><div>enim</div><div>iaculis</div><div>eu.</div><div>Suspendisse</div><div>vitae</div><div>magna</div><div>scelerisque,</div><div>tempus</div><div>sem</div><div>in,</div><div>interdum</div><div>tellus.</div><div>Integer</div><div>at</div><div>gravida</div><div>leo.</div><div>Praesent</div><div>vel</div><div>diam</div><div>et</div><div>velit</div><div>tempus</div><div>aliquam.</div><div>Duis</div><div>sed</div><div>varius</div><div>sem,</div><div>ut</div><div>suscipit</div><div>augue.</div><div>Etiam</div><div>at</div><div>quam</div><div>eu</div><div>nunc</div><div>lobortis</div><div>consequat</div><div>tempus</div><div>et</div><div>eros.</div><div>Suspendisse</div><div>congue</div><div>accumsan</div><div>felis</div><div>ut</div><div>eleifend.</div><div>Etiam</div><div>sit</div><div>amet</div><div>nisi</div><div>imperdiet,</div><div>imperdiet</div><div>orci</div><div>id,</div><div>maximus</div><div>est.</div><div>Integer</div><div>suscipit</div><div>orci</div><div>ante,</div><div>id</div><div>ultrices</div><div>est</div><div>consequat</div><div>nec.</div><div>Quisque</div><div>vel</div><div>tincidunt</div><div>velit.</div><div>Ut</div><div>eget</div><div>luctus</div><div>nisi.</div><div>Donec</div><div>nec</div><div>convallis</div><div>arcu.</div><div>Aenean</div><div>finibus</div><div>tempor</div><div>auctor.</div><div>Curabitur</div><div>non</div><div>posuere</div><div>quam,</div><div>quis</div><div>facilisis</div><div>neque.</div><div>Curabitur</div><div>posuere</div><div>nunc</div><div>nisl,</div><div>at</div><div>porta</div><div>dolor</div><div>interdum</div><div>at.</div><div>Nunc</div><div>et</div><div>auctor</div><div>nisi.</div><div>Integer</div><div>rhoncus,</div><div>tellus</div><div>quis</div><div>mollis</div><div>fringilla,</div><div>nulla</div><div>mi</div><div>aliquet</div><div>ex,</div><div>at</div><div>scelerisque</div><div>tellus</div><div>metus</div><div>non</div><div>augue.</div><div>Sed</div><div>eu</div><div>mi</div><div>ac</div><div>tortor</div><div>mattis</div><div>sollicitudin.</div><div>Aliquam</div><div>mi</div><div>elit,</div><div>viverra</div><div>non</div><div>ante</div><div>efficitur,</div><div>fermentum</div><div>feugiat</div><div>velit.</div><div>Nunc</div><div>euismod</div><div>turpis</div><div>ac</div><div>nisi</div><div>iaculis,</div><div>ut</div><div>tincidunt</div><div>tortor</div><div>sollicitudin.</div><div>Integer</div><div>nibh</div><div>tortor,</div><div>convallis</div><div>ut</div><div>ullamcorper</div><div>eget,</div><div>sodales</div><div>vel</div><div>nisi.</div><div>Maecenas</div><div>dapibus</div><div>id</div><div>lorem</div><div>in</div><div>facilisis.</div><div>Proin</div><div>posuere</div><div>pulvinar</div><div>orci,</div><div>ut</div><div>lobortis</div><div>ligula</div><div>hendrerit</div><div>nec.</div><div>Quisque</div><div>dui</div><div>odio,</div><div>pellentesque</div><div>at</div><div>consequat</div><div>at,</div><div>rutrum</div><div>vitae</div><div>ex.</div><div>Donec</div><div>elementum</div><div>aliquet</div><div>est.</div><div>Nulla</div><div>at</div><div>mauris</div><div>sit</div><div>amet</div><div>mi</div><div>pulvinar</div><div>lobortis.</div><div>Integer</div><div>eget</div><div>molestie</div><div>orci.</div><div>Pellentesque</div><div>habitant</div><div>morbi</div><div>tristique</div><div>senectus</div><div>et</div><div>netus</div><div>et</div><div>malesuada</div><div>fames</div><div>ac</div><div>turpis</div><div>egestas.</div><div>Donec</div><div>turpis</div><div>nulla,</div><div>malesuada</div><div>at</div><div>suscipit</div><div>in,</div><div>vulputate</div><div>egestas</div><div>libero.</div><div>Proin</div><div>euismod</div><div>neque</div><div>non</div><div>convallis</div><div>eleifend.</div><div>Duis</div><div>varius</div><div>augue</div><div>at</div><div>mauris</div><div>gravida</div><div>eleifend.</div><div>Ut</div><div>nunc</div><div>enim,</div><div>dictum</div><div>in</div><div>felis</div><div>vel,</div><div>ultrices</div><div>sollicitudin</div><div>erat.</div><div>Mauris</div><div>sed</div><div>mi</div><div>eu</div><div>est</div><div>condimentum</div><div>condimentum</div><div>quis</div><div>at</div><div>sem.</div><div>Nullam</div><div>pharetra</div><div>tempor</div><div>orci</div><div>venenatis</div><div>pellentesque.</div><div>Fusce</div><div>blandit</div><div>risus</div><div>id</div><div>mollis</div><div>pharetra.</div><div>Praesent</div><div>cursus</div><div>odio</div><div>vel</div><div>gravida</div><div>convallis.</div><div>Quisque</div><div>sollicitudin</div><div>tincidunt</div><div>faucibus.</div><div>Suspendisse</div><div>ornare</div><div>orci</div><div>est,</div><div>in</div><div>imperdiet</div><div>mauris</div><div>vulputate</div><div>in.</div><div>Pellentesque</div><div>fringilla</div><div>odio</div><div>quis</div><div>quam</div><div>viverra</div><div>imperdiet.</div><div>Donec</div><div>sem</div><div>metus,</div><div>facilisis</div><div>id</div><div>rhoncus</div><div>in,</div><div>egestas</div><div>at</div><div>risus.</div><div>Duis</div><div>eros</div><div>tortor,</div><div>gravida</div><div>ornare</div><div>libero</div><div>in,</div><div>porttitor</div><div>cursus</div><div>turpis.</div><div>Etiam</div><div>rutrum</div><div>efficitur</div><div>elit</div><div>et</div><div>congue.</div><div>Nam</div><div>dictum</div><div>nisl</div><div>mi,</div><div>vitae</div><div>auctor</div><div>purus</div><div>tristique</div><div>in.</div><div>Vivamus</div><div>iaculis</div><div>maximus</div><div>lorem.</div><div>Nulla</div><div>id</div><div>odio</div><div>convallis</div><div>enim</div><div>blandit</div><div>pellentesque.</div><div>Pellentesque</div><div>nec</div><div>ultricies</div><div>ipsum.</div><div>Nam</div><div>ultricies</div><div>sit</div><div>amet</div><div>odio</div><div>nec</div><div>condimentum.</div><div>Donec</div><div>at</div><div>orci</div><div>eu</div><div>felis</div><div>commodo</div><div>aliquet</div><div>vel</div><div>eleifend</div><div>diam.</div><div>In</div><div>in</div><div>vestibulum</div><div>risus.</div><div>Pellentesque</div><div>cursus</div><div>hendrerit</div><div>lacus</div><div>vitae</div><div>porttitor.</div><div>Curabitur</div><div>porta</div><div>eget</div><div>ligula</div><div>elementum</div><div>tempor.</div><div>Suspendisse</div><div>a</div><div>ligula</div><div>sed</div><div>turpis</div><div>posuere</div><div>blandit</div><div>rhoncus</div><div>a</div><div>sapien.</div><div>Sed</div><div>quis</div><div>dui</div><div>mollis</div><div>dolor</div><div>feugiat</div><div>finibus</div><div>mattis</div><div>non</div><div>orci.</div><div>Donec</div><div>elementum</div><div>urna</div><div>lectus,</div><div>vitae</div><div>tristique</div><div>justo</div><div>fermentum</div><div>a.</div><div>Aliquam</div><div>libero</div><div>massa,</div><div>convallis</div><div>nec</div><div>imperdiet</div><div>sit</div><div>amet,</div><div>porta</div><div>et</div><div>neque.</div><div>In</div><div>vel</div><div>ornare</div><div>libero,</div><div>vel</div><div>varius</div><div>sapien.</div><div>Cras</div><div>dictum</div><div>nisi</div><div>ut</div><div>tincidunt</div><div>commodo.</div><div>Donec</div><div>auctor</div><div>est</div><div>sit</div><div>amet</div><div>vehicula</div><div>egestas.</div><div>Nunc</div><div>feugiat</div><div>tincidunt</div><div>elit,</div><div>in</div><div>imperdiet</div><div>mi</div><div>suscipit</div><div>ut.</div><div>Suspendisse</div><div>in</div><div>tempus</div><div>massa.</div><div>Phasellus</div><div>id</div><div>vehicula</div><div>purus.</div><div>Phasellus</div><div>cursus</div><div>ullamcorper</div><div>pharetra.</div><div>Mauris</div><div>a</div><div>sem</div><div>dictum,</div><div>ullamcorper</div><div>massa</div><div>in,</div><div>pretium</div><div>elit.</div><div>Pellentesque</div><div>elit.</div><div></div>
<div class="hello" id="hello" data-hello>Hello</div>
<div>Lorem</div><div>ipsum</div><div>dolor</div><div>sit</div><div>amet,</div><div>consectetur</div><div>adipiscing</div><div>elit.</div><div>Sed</div><div>eget</div><div>elit</div><div>pharetra,</div><div>ultrices</div><div>ante</div><div>eu,</div><div>sollicitudin</div><div>lacus.</div><div>Praesent</div><div>eu</div><div>metus</div><div>scelerisque,</div><div>gravida</div><div>diam</div><div>quis,</div><div>aliquet</div><div>leo.</div><div>Donec</div><div>egestas</div><div>ipsum</div><div>sed</div><div>sem</div><div>aliquet</div><div>malesuada.</div><div>Nam</div><div>sed</div><div>eros</div><div>turpis.</div><div>Proin</div><div>placerat</div><div>vitae</div><div>nulla</div><div>in</div><div>venenatis.</div><div>Aenean</div><div>eu</div><div>ex</div><div>sed</div><div>arcu</div><div>commodo</div><div>faucibus</div><div>quis</div><div>quis</div><div>libero.</div><div>Vestibulum</div><div>congue</div><div>tellus</div><div>et</div><div>congue</div><div>elementum.</div><div>Nulla</div><div>odio</div><div>mi,</div><div>finibus</div><div>sit</div><div>amet</div><div>mauris</div><div>sed,</div><div>facilisis</div><div>accumsan</div><div>dui.</div><div>Aliquam</div><div>nulla</div><div>leo,</div><div>placerat</div><div>at</div><div>pellentesque</div><div>a,</div><div>pulvinar</div><div>id</div><div>enim.</div><div>Donec</div><div>at</div><div>mauris</div><div>ut</div><div>ante</div><div>congue</div><div>egestas.</div><div>Nullam</div><div>accumsan</div><div>lacus</div><div>et</div><div>metus</div><div>pharetra</div><div>feugiat</div><div>eget</div><div>eget</div><div>ipsum.</div><div>Aenean</div><div>faucibus</div><div>aliquam</div><div>est</div><div>in</div><div>mattis.</div><div>Mauris</div><div>finibus</div><div>erat</div><div>quam,</div><div>vel</div><div>viverra</div><div>enim</div><div>suscipit</div><div>a.</div><div>Quisque</div><div>nec</div><div>ante</div><div>vitae</div><div>leo</div><div>sodales</div><div>efficitur</div><div>non</div><div>cursus</div><div>ex.</div><div>Nunc</div><div>vitae</div><div>dictum</div><div>mi.</div><div>Proin</div><div>elementum</div><div>elit</div><div>a</div><div>justo</div><div>tristique</div><div>fermentum.</div><div>Vestibulum</div><div>vel</div><div>porta</div><div>ligula,</div><div>non</div><div>facilisis</div><div>sapien.</div><div>Duis</div><div>ornare</div><div>lectus</div><div>interdum</div><div>vehicula</div><div>lobortis.</div><div>Cras</div><div>dictum</div><div>orci</div><div>lorem.</div><div>In</div><div>vel</div><div>malesuada</div><div>risus.</div><div>Nullam</div><div>ut</div><div>laoreet</div><div>nisl,</div><div>in</div><div>vehicula</div><div>dolor.</div><div>In</div><div>hac</div><div>habitasse</div><div>platea</div><div>dictumst.</div><div>Donec</div><div>suscipit</div><div>diam</div><div>sit</div><div>amet</div><div>massa</div><div>elementum</div><div>scelerisque.</div><div>Nulla</div><div>facilisis</div><div>augue</div><div>blandit</div><div>egestas</div><div>ultrices.</div><div>Quisque</div><div>condimentum</div><div>dolor</div><div>in</div><div>diam</div><div>ornare</div><div>mattis</div><div>vitae</div><div>ac</div><div>purus.</div><div>Vivamus</div><div>sit</div><div>amet</div><div>lorem</div><div>imperdiet,</div><div>dignissim</div><div>turpis</div><div>eu,</div><div>elementum</div><div>sapien.</div><div>Mauris</div><div>sollicitudin,</div><div>urna</div><div>ac</div><div>sollicitudin</div><div>egestas,</div><div>libero</div><div>leo</div><div>commodo</div><div>odio,</div><div>a</div><div>viverra</div><div>diam</div><div>nisl</div><div>nec</div><div>est.</div><div>Ut</div><div>odio</div><div>nunc,</div><div>vestibulum</div><div>vel</div><div>porta</div><div>sit</div><div>amet,</div><div>consequat</div><div>non</div><div>arcu.</div><div>Proin</div><div>vitae</div><div>bibendum</div><div>nibh.</div><div>Integer</div><div>quis</div><div>nisl</div><div>nisi.</div><div>Vestibulum</div><div>dignissim</div><div>felis</div><div>id</div><div>tempus</div><div>lobortis.</div><div>Praesent</div><div>id</div><div>interdum</div><div>nunc.</div><div>In</div><div>vulputate,</div><div>ligula</div><div>lobortis</div><div>elementum</div><div>volutpat,</div><div>metus</div><div>orci</div><div>suscipit</div><div>massa,</div><div>et</div><div>imperdiet</div><div>turpis</div><div>libero</div><div>eget</div><div>metus.</div><div>Etiam</div><div>feugiat</div><div>urna</div><div>eu</div><div>risus</div><div>bibendum,</div><div>sed</div><div>fringilla</div><div>lectus</div><div>condimentum.</div><div>Vivamus</div><div>sit</div><div>amet</div><div>interdum</div><div>est.</div><div>Aliquam</div><div>a</div><div>consectetur</div><div>arcu.</div><div>Ut</div><div>pellentesque</div><div>consectetur</div><div>lectus</div><div>at</div><div>vestibulum.</div><div>Integer</div><div>lacinia</div><div>gravida</div><div>viverra.</div><div>Donec</div><div>in</div><div>diam</div><div>eget</div><div>lorem</div><div>sagittis</div><div>cursus.</div><div>Sed</div><div>nisi</div><div>arcu,</div><div>vulputate</div><div>eu</div><div>viverra</div><div>et,</div><div>mattis</div><div>ut</div><div>libero.</div><div>Maecenas</div><div>semper</div><div>risus</div><div>in</div><div>ipsum</div><div>consequat,</div><div>ut</div><div>mattis</div><div>nisi</div><div>laoreet.</div><div>Duis</div><div>vehicula</div><div>ex</div><div>sed</div><div>lacus</div><div>tempor</div><div>aliquam.</div><div>In</div><div>egestas</div><div>id</div><div>orci</div><div>eget</div><div>sagittis.</div><div>Vivamus</div><div>malesuada,</div><div>mi</div><div>ut</div><div>malesuada</div><div>aliquet,</div><div>augue</div><div>ipsum</div><div>blandit</div><div>mauris,</div><div>et</div><div>placerat</div><div>quam</div><div>lectus</div><div>ac</div><div>orci.</div><div>Mauris</div><div>et</div><div>neque</div><div>vel</div><div>est</div><div>sagittis</div><div>elementum</div><div>eu</div><div>vel</div><div>urna.</div><div>Nullam</div><div>aliquam</div><div>magna</div><div>et</div><div>eleifend</div><div>interdum.</div><div>Integer</div><div>vitae</div><div>gravida</div><div>metus,</div><div>id</div><div>fringilla</div><div>eros.</div><div>Donec</div><div>finibus</div><div>ante</div><div>massa,</div><div>aliquam</div><div>aliquam</div><div>nisl</div><div>aliquet</div><div>ac.</div><div>Integer</div><div>pretium</div><div>augue</div><div>sit</div><div>amet</div><div>mattis</div><div>lacinia.</div><div>Nam</div><div>ut</div><div>tristique</div><div>velit,</div><div>euismod</div><div>lacinia</div><div>nibh.</div><div>Fusce</div><div>vestibulum</div><div>elementum</div><div>diam</div><div>sed</div><div>ultrices.</div><div>Pellentesque</div><div>ac</div><div>maximus</div><div>erat,</div><div>nec</div><div>aliquet</div><div>mi.</div><div>Suspendisse</div><div>id</div><div>turpis</div><div>eleifend,</div><div>tempus</div><div>nulla</div><div>non,</div><div>viverra</div><div>metus.</div><div>Quisque</div><div>at</div><div>bibendum</div><div>erat,</div><div>tempor</div><div>molestie</div><div>neque.</div><div>Curabitur</div><div>gravida</div><div>blandit</div><div>augue,</div><div>vel</div><div>rutrum</div><div>ligula</div><div>pellentesque</div><div>at.</div><div>Nullam</div><div>sed</div><div>justo</div><div>rutrum,</div><div>interdum</div><div>felis</div><div>bibendum,</div><div>interdum</div><div>enim.</div><div>Pellentesque</div><div>quis</div><div>rhoncus</div><div>ligula.</div><div>Praesent</div><div>finibus</div><div>ac</div><div>urna</div><div>eu</div><div>imperdiet.</div><div>Vestibulum</div><div>lorem</div><div>arcu,</div><div>porttitor</div><div>sed</div><div>tincidunt</div><div>quis,</div><div>molestie</div><div>vitae</div><div>erat.</div><div>Duis</div><div>sagittis</div><div>commodo</div><div>tortor,</div><div>ut</div><div>accumsan</div><div>felis</div><div>iaculis</div><div>laoreet.</div><div>Nullam</div><div>sed</div><div>consequat</div><div>mauris,</div><div>non</div><div>facilisis</div><div>urna.</div><div>Ut</div><div>pharetra</div><div>vehicula</div><div>feugiat.</div><div>Proin</div><div>mattis</div><div>pulvinar</div><div>nisl</div><div>sed</div><div>tincidunt.</div><div>Nunc</div><div>lorem</div><div>est,</div><div>gravida</div><div>et</div><div>nibh</div><div>eu,</div><div>vehicula</div><div>vulputate</div><div>velit.</div><div>Nullam</div><div>est</div><div>arcu,</div><div>vestibulum</div><div>vitae</div><div>aliquet</div><div>ut,</div><div>sagittis</div><div>ut</div><div>nunc.</div><div>Nulla</div><div>facilisi.</div><div>Curabitur</div><div>malesuada</div><div>dolor</div><div>odio,</div><div>et</div><div>lacinia</div><div>dui</div><div>mollis</div><div>sed.</div><div>Phasellus</div><div>pretium</div><div>quis</div><div>lorem</div><div>a</div><div>euismod.</div><div>Nunc</div><div>porta</div><div>urna</div><div>non</div><div>libero</div><div>dignissim</div><div>consectetur.</div><div>Sed</div><div>tincidunt</div><div>faucibus</div><div>nulla,</div><div>sit</div><div>amet</div><div>aliquam</div><div>enim</div><div>iaculis</div><div>eu.</div><div>Suspendisse</div><div>vitae</div><div>magna</div><div>scelerisque,</div><div>tempus</div><div>sem</div><div>in,</div><div>interdum</div><div>tellus.</div><div>Integer</div><div>at</div><div>gravida</div><div>leo.</div><div>Praesent</div><div>vel</div><div>diam</div><div>et</div><div>velit</div><div>tempus</div><div>aliquam.</div><div>Duis</div><div>sed</div><div>varius</div><div>sem,</div><div>ut</div><div>suscipit</div><div>augue.</div><div>Etiam</div><div>at</div><div>quam</div><div>eu</div><div>nunc</div><div>lobortis</div><div>consequat</div><div>tempus</div><div>et</div><div>eros.</div><div>Suspendisse</div><div>congue</div><div>accumsan</div><div>felis</div><div>ut</div><div>eleifend.</div><div>Etiam</div><div>sit</div><div>amet</div><div>nisi</div><div>imperdiet,</div><div>imperdiet</div><div>orci</div><div>id,</div><div>maximus</div><div>est.</div><div>Integer</div><div>suscipit</div><div>orci</div><div>ante,</div><div>id</div><div>ultrices</div><div>est</div><div>consequat</div><div>nec.</div><div>Quisque</div><div>vel</div><div>tincidunt</div><div>velit.</div><div>Ut</div><div>eget</div><div>luctus</div><div>nisi.</div><div>Donec</div><div>nec</div><div>convallis</div><div>arcu.</div><div>Aenean</div><div>finibus</div><div>tempor</div><div>auctor.</div><div>Curabitur</div><div>non</div><div>posuere</div><div>quam,</div><div>quis</div><div>facilisis</div><div>neque.</div><div>Curabitur</div><div>posuere</div><div>nunc</div><div>nisl,</div><div>at</div><div>porta</div><div>dolor</div><div>interdum</div><div>at.</div><div>Nunc</div><div>et</div><div>auctor</div><div>nisi.</div><div>Integer</div><div>rhoncus,</div><div>tellus</div><div>quis</div><div>mollis</div><div>fringilla,</div><div>nulla</div><div>mi</div><div>aliquet</div><div>ex,</div><div>at</div><div>scelerisque</div><div>tellus</div><div>metus</div><div>non</div><div>augue.</div><div>Sed</div><div>eu</div><div>mi</div><div>ac</div><div>tortor</div><div>mattis</div><div>sollicitudin.</div><div>Aliquam</div><div>mi</div><div>elit,</div><div>viverra</div><div>non</div><div>ante</div><div>efficitur,</div><div>fermentum</div><div>feugiat</div><div>velit.</div><div>Nunc</div><div>euismod</div><div>turpis</div><div>ac</div><div>nisi</div><div>iaculis,</div><div>ut</div><div>tincidunt</div><div>tortor</div><div>sollicitudin.</div><div>Integer</div><div>nibh</div><div>tortor,</div><div>convallis</div><div>ut</div><div>ullamcorper</div><div>eget,</div><div>sodales</div><div>vel</div><div>nisi.</div><div>Maecenas</div><div>dapibus</div><div>id</div><div>lorem</div><div>in</div><div>facilisis.</div><div>Proin</div><div>posuere</div><div>pulvinar</div><div>orci,</div><div>ut</div><div>lobortis</div><div>ligula</div><div>hendrerit</div><div>nec.</div><div>Quisque</div><div>dui</div><div>odio,</div><div>pellentesque</div><div>at</div><div>consequat</div><div>at,</div><div>rutrum</div><div>vitae</div><div>ex.</div><div>Donec</div><div>elementum</div><div>aliquet</div><div>est.</div><div>Nulla</div><div>at</div><div>mauris</div><div>sit</div><div>amet</div><div>mi</div><div>pulvinar</div><div>lobortis.</div><div>Integer</div><div>eget</div><div>molestie</div><div>orci.</div><div>Pellentesque</div><div>habitant</div><div>morbi</div><div>tristique</div><div>senectus</div><div>et</div><div>netus</div><div>et</div><div>malesuada</div><div>fames</div><div>ac</div><div>turpis</div><div>egestas.</div><div>Donec</div><div>turpis</div><div>nulla,</div><div>malesuada</div><div>at</div><div>suscipit</div><div>in,</div><div>vulputate</div><div>egestas</div><div>libero.</div><div>Proin</div><div>euismod</div><div>neque</div><div>non</div><div>convallis</div><div>eleifend.</div><div>Duis</div><div>varius</div><div>augue</div><div>at</div><div>mauris</div><div>gravida</div><div>eleifend.</div><div>Ut</div><div>nunc</div><div>enim,</div><div>dictum</div><div>in</div><div>felis</div><div>vel,</div><div>ultrices</div><div>sollicitudin</div><div>erat.</div><div>Mauris</div><div>sed</div><div>mi</div><div>eu</div><div>est</div><div>condimentum</div><div>condimentum</div><div>quis</div><div>at</div><div>sem.</div><div>Nullam</div><div>pharetra</div><div>tempor</div><div>orci</div><div>venenatis</div><div>pellentesque.</div><div>Fusce</div><div>blandit</div><div>risus</div><div>id</div><div>mollis</div><div>pharetra.</div><div>Praesent</div><div>cursus</div><div>odio</div><div>vel</div><div>gravida</div><div>convallis.</div><div>Quisque</div><div>sollicitudin</div><div>tincidunt</div><div>faucibus.</div><div>Suspendisse</div><div>ornare</div><div>orci</div><div>est,</div><div>in</div><div>imperdiet</div><div>mauris</div><div>vulputate</div><div>in.</div><div>Pellentesque</div><div>fringilla</div><div>odio</div><div>quis</div><div>quam</div><div>viverra</div><div>imperdiet.</div><div>Donec</div><div>sem</div><div>metus,</div><div>facilisis</div><div>id</div><div>rhoncus</div><div>in,</div><div>egestas</div><div>at</div><div>risus.</div><div>Duis</div><div>eros</div><div>tortor,</div><div>gravida</div><div>ornare</div><div>libero</div><div>in,</div><div>porttitor</div><div>cursus</div><div>turpis.</div><div>Etiam</div><div>rutrum</div><div>efficitur</div><div>elit</div><div>et</div><div>congue.</div><div>Nam</div><div>dictum</div><div>nisl</div><div>mi,</div><div>vitae</div><div>auctor</div><div>purus</div><div>tristique</div><div>in.</div><div>Vivamus</div><div>iaculis</div><div>maximus</div><div>lorem.</div><div>Nulla</div><div>id</div><div>odio</div><div>convallis</div><div>enim</div><div>blandit</div><div>pellentesque.</div><div>Pellentesque</div><div>nec</div><div>ultricies</div><div>ipsum.</div><div>Nam</div><div>ultricies</div><div>sit</div><div>amet</div><div>odio</div><div>nec</div><div>condimentum.</div><div>Donec</div><div>at</div><div>orci</div><div>eu</div><div>felis</div><div>commodo</div><div>aliquet</div><div>vel</div><div>eleifend</div><div>diam.</div><div>In</div><div>in</div><div>vestibulum</div><div>risus.</div><div>Pellentesque</div><div>cursus</div><div>hendrerit</div><div>lacus</div><div>vitae</div><div>porttitor.</div><div>Curabitur</div><div>porta</div><div>eget</div><div>ligula</div><div>elementum</div><div>tempor.</div><div>Suspendisse</div><div>a</div><div>ligula</div><div>sed</div><div>turpis</div><div>posuere</div><div>blandit</div><div>rhoncus</div><div>a</div><div>sapien.</div><div>Sed</div><div>quis</div><div>dui</div><div>mollis</div><div>dolor</div><div>feugiat</div><div>finibus</div><div>mattis</div><div>non</div><div>orci.</div><div>Donec</div><div>elementum</div><div>urna</div><div>lectus,</div><div>vitae</div><div>tristique</div><div>justo</div><div>fermentum</div><div>a.</div><div>Aliquam</div><div>libero</div><div>massa,</div><div>convallis</div><div>nec</div><div>imperdiet</div><div>sit</div><div>amet,</div><div>porta</div><div>et</div><div>neque.</div><div>In</div><div>vel</div><div>ornare</div><div>libero,</div><div>vel</div><div>varius</div><div>sapien.</div><div>Cras</div><div>dictum</div><div>nisi</div><div>ut</div><div>tincidunt</div><div>commodo.</div><div>Donec</div><div>auctor</div><div>est</div><div>sit</div><div>amet</div><div>vehicula</div><div>egestas.</div><div>Nunc</div><div>feugiat</div><div>tincidunt</div><div>elit,</div><div>in</div><div>imperdiet</div><div>mi</div><div>suscipit</div><div>ut.</div><div>Suspendisse</div><div>in</div><div>tempus</div><div>massa.</div><div>Phasellus</div><div>id</div><div>vehicula</div><div>purus.</div><div>Phasellus</div><div>cursus</div><div>ullamcorper</div><div>pharetra.</div><div>Mauris</div><div>a</div><div>sem</div><div>dictum,</div><div>ullamcorper</div><div>massa</div><div>in,</div><div>pretium</div><div>elit.</div><div>Pellentesque</div><div>elit.</div><div></div>
Tests:
Class
document.querySelector('.hello');
ID
document.querySelector('#hello');
data attribute
document.querySelector('[data-hello]');
getElementById
document.getElementById('hello');
getElementsByClassName
document.getElementsByClassName('hello')[0];
Rendered benchmark preparation results:
Suite status: <idle, ready to run>

Previous results
Test case name	Result
Class
ID
data attribute
getElementById
getElementsByClassName
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):

LLMs can make mistakes. Check important info.
I see you've provided a lengthy and complex benchmarking report, but I'll focus on extracting the relevant information.
**Benchmark Results**
The latest benchmark result is:
```
[
  {
    "RawUAString": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0",
    "Browser": "Firefox 120",
    "DevicePlatform": "Desktop",
    "OperatingSystem": "Windows",
    "ExecutionsPerSecond": 5354336.5,
    "TestName": "getElementById"
  },
  {
    "RawUAString": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0",
    "Browser": "Firefox 120",
    "DevicePlatform": "Desktop",
    "OperatingSystem": "Windows",
    "ExecutionsPerSecond": 3385920.25,
    "TestName": "getElementsByClassName"
  },
  {
    "RawUAString": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0",
    "Browser": "Firefox 120",
    "DevicePlatform": "Desktop",
    "OperatingSystem": "Windows",
    "ExecutionsPerSecond": 125125.9296875,
    "TestName": "data attribute"
  },
  {
    "RawUAString": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0",
    "Browser": "Firefox 120",
    "DevicePlatform": "Desktop",
    "OperatingSystem": "Windows",
    "ExecutionsPerSecond": 117385.3671875,
    "TestName": "ID"
  },
  {
    "RawUAString": "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:120.0) Gecko/20100101 Firefox/120.0",
    "Browser": "Firefox 120",
    "DevicePlatform": "Desktop",
    "OperatingSystem": "Windows",
    "ExecutionsPerSecond": 116637.4921875,
    "TestName": "Class"
  }
]
```
**Key Findings**
The benchmark results show the following:
1. `getElementById` is the fastest test, with an average of **5,354,336 executions per second**.
2. `getElementsByClassName` is the slowest test, with an average of **3,385,920 executions per second**.
Please let me know what specific insights or analysis you would like me to provide from this data!
Related benchmarks:
DataAttribute vs Class Selector vs ID Selector vs getElementById vs getElementsByClassName with other elements (version: 0)

Comparing performance of: Class vs ID vs data attribute vs getElementById vs getElementsByClassName

Created: 2 years ago by: Guest

Jump to the latest result

Class

ID

data attribute

getElementById

getElementsByClassName

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

No previous run results

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):
