Benchmark: Data vs Class Vs Id

HTML Preparation code:

<div class="td-container">
<div class="td-crumb-container"><div class="kama_breadcrumbs" itemscope="" itemtype="http://schema.org/itemListElement"><span itemprop="itemListElement" itemscope="" itemtype="http://schema.org/ListItem"><a href="https://info-size.ru" itemprop="item"><span itemprop="name">Ваш размер одежды</span></a></span><span class="kb_sep"> ›</span>
<span class="kb_title">Мужские размеры</span></div></div>
<div class="td-category-title-holder">
<h1 class="entry-title td-page-title">Мужские размеры</h1>
<div class="td-category-siblings"><ul class="td-category"><li class="entry-category" style="transition: opacity 0.2s ease 0s; opacity: 1;"><a class="" href="https://info-size.ru/category/muzhskie-razmery/razmery-muzhskoj-obuvi">Мужская обувь</a></li><li class="entry-category" style="transition: opacity 0.2s ease 0s; opacity: 1;"><a class="" href="https://info-size.ru/category/muzhskie-razmery/razmery-muzhskoj-odezhdy">Мужская одежда</a></li><li class="entry-category" style="transition: opacity 0.2s ease 0s; opacity: 1;"><a class="" href="https://info-size.ru/category/muzhskie-razmery/muzhskie-akssesuary">Мужские акссесуары</a></li><li class="entry-category" style="transition: opacity 0.2s ease 0s; opacity: 1;"><a class="" href="https://info-size.ru/category/muzhskie-razmery/muzhskie-kalkulyatory-razmerov">Мужские калькуляторы размеров</a></li><li class="entry-category" style="transition: opacity 0.2s ease 0s; opacity: 1;"><a class="" href="https://info-size.ru/category/muzhskie-razmery/razmery-muzhskogo-belya">Мужское нижнее белье</a></li></ul><div class="td-subcat-dropdown td-pulldown-filter-display-option" style="display: none;"><div class="td-subcat-more"><i class="td-icon-menu-down"></i></div><ul class="td-pulldown-filter-list"></ul></div><div class="clearfix"></div></div> <div class="td-category-description"><p></p><h2><img class="alignleft wp-image-2357" src="http://host1776316.hostland.pro/wp-content/uploads/2016/01/12542548.jpg" alt="Мужские размеры одежды - таблицы размеров и соответствия импортных размеров" width="250" height="391">Как определить размер мужской одежды?</h2>
<p style="text-align: justify;">Современный успешный мужчина должен выглядеть соответственно своему статусу. Мужская одежда, подобранная в соответствии с размером и типом фигуры, является показателем независимости и уверенности. Важно выбрать вещи не только соответствующие цели, которую необходимо достичь с помощью наряда, но и произвести верное впечатление на окружение.</p>
<p style="text-align: justify;">Мужчины никогда не были любителями ходить по модным магазинам и примерять множество стильных вещей для того, чтобы подобрать костюм, брюки, джинсы, белье, идеально сидящие на фигуре и обувь по ноге. Весьма облегчило им жизнь появление интернет-магазинов, где можно приобрести все, даже с доставкой на дом.</p>
<h2 style="text-align: justify;">Как узнать, какой размер вы носите?</h2>
<p style="text-align: justify;">При выборе вещей возникают трудности. Как узнать свой размер? Какой размер мне нужен? Поможет решить эту проблему таблица&nbsp;размеров мужской одежды&nbsp;и даны мерки, по которым их можно вычислить. За счет развитых торговых отношений наряды могут быть куплены практически из любой точки планеты, но необходимо помнить, что в каждой стране на ярлыках обозначения имеют значительные различия. Разобраться с этим вопросом можно, узнав соответствие размеров российских производителей с зарубежными обозначениями этого параметра.</p>
<h2 style="text-align: center;"><span style="color: #ffff00;">-Костюм-Пиджак-Перчатки-Варежки-Пальто-Шапки-Носки-Ремень-Куртка-Рубашка-Футболка-Обувь-Трусы-Плавки-Брюки-Джинсы-</span></h2><p></p></div>
</div>
<div class="td-category-pulldown-filter td-wrapper-pulldown-filter"><div class="td-pulldown-filter-display-option"><div class="td-subcat-more">Последнее <i class="td-icon-menu-down"></i></div><ul class="td-pulldown-filter-list"><li class="td-pulldown-filter-item"><a class="td-pulldown-category-filter-link" id="td_uid_2_6190df1eca3b9" data-td_block_id="td_uid_1_6190df1eca3b5" href="https://info-size.ru/category/muzhskie-razmery">Последнее</a></li><li class="td-pulldown-filter-item"><a class="td-pulldown-category-filter-link" id="td_uid_3_6190df1eca3bb" data-td_block_id="td_uid_1_6190df1eca3b5" href="https://info-size.ru/category/muzhskie-razmery?filter_by=featured">Обсуждаемые посты</a></li><li class="td-pulldown-filter-item"><a class="td-pulldown-category-filter-link" id="td_uid_4_6190df1eca3bc" data-td_block_id="td_uid_1_6190df1eca3b5" href="https://info-size.ru/category/muzhskie-razmery?filter_by=popular">Самое популярное</a></li><li class="td-pulldown-filter-item"><a class="td-pulldown-category-filter-link" id="td_uid_5_6190df1eca3bd" data-td_block_id="td_uid_1_6190df1eca3b5" href="https://info-size.ru/category/muzhskie-razmery?filter_by=popular7">Популярное за 7 дней</a></li><li class="td-pulldown-filter-item"><a class="td-pulldown-category-filter-link" id="td_uid_6_6190df1eca3be" data-td_block_id="td_uid_1_6190df1eca3b5" href="https://info-size.ru/category/muzhskie-razmery?filter_by=review_high">По оценкам в отзывах</a></li><li class="td-pulldown-filter-item"><a class="td-pulldown-category-filter-link" id="td_uid_7_6190df1eca3bf" data-td_block_id="td_uid_1_6190df1eca3b5" href="https://info-size.ru/category/muzhskie-razmery?filter_by=random_posts">Случайно</a></li></ul></div></div> </div>
<div class="dod" id="dod" data-test="dod">Dod</div>

Tests:

Id
document.querySelector('#dod');
class
document.querySelectorAll('.dod');
data-test
document.querySelectorAll('[data-test="dod"]');

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Id
class
data-test

Fastest: N/A

Slowest: N/A

Latest run results:

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

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

Browser/OS: Chrome 95 on Windows

View result in a separate tab

Test name	Executions per second
Id	706480.2 Ops/sec
class	834649.3 Ops/sec
data-test	379501.5 Ops/sec

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

LLMs can make mistakes. Check important info.

Related benchmarks:

Data vs Class Vs Id (version: 0)

test!!!!

Comparing performance of: Id vs class vs data-test

Created: 3 years ago by: Guest

Jump to the latest result

Id

class

data-test

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

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