DataAttribute vs Class Selector vs ID Selector vs Tag vs :is() (version: 1)

Comparing performance of: Class vs ID vs data attribute vs :is(div, span) vs Tag

Created: one year ago by: Guest
Go to the latest result
HTML Preparation code:
Tests:

Historical Performance Data aggregated from 11 community runs

Desktop Results:
Chrome 11 runs
Tag
22.7M/s
Class
21.1M/s
ID
9.5M/s
data attribute
9.3M/s
:is(div, span)
4.7M/s

Fastest: Tag (4.9x faster)

View exact numbers
  • ✓ Tag: 22,686,156 ops/sec
  • • Class: 21,111,550 ops/sec
  • • ID: 9,544,333 ops/sec
  • • data attribute: 9,291,111 ops/sec
  • • :is(div, span): 4,675,077 ops/sec

Results show median performance across all community submissions. Run this benchmark yourself to verify on your device.

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    Class
    ID
    data attribute
    :is(div, span)
    Tag

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: 5 months ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:147.0) Gecko/20100101 Firefox/147.0
Firefox 147 on Windows
View result in a separate tab
Tag
3.8M/s
ID
3.7M/s
Class
3.7M/s
data attribute
3.5M/s
:is(div, span)
1.7M/s
View exact numbers
Test name Executions per second
✓ Tag 3,751,802 Ops/sec
ID 3,701,551 Ops/sec
Class 3,669,655 Ops/sec
data attribute 3,482,355 Ops/sec
:is(div, span) 1,730,230 Ops/sec

Related benchmarks