HTML Preparation code:
Script Preparation code:
Tests:
  • querySelectorAll with .class

  • querySelectorAll with [attribute]

  • filter with classList

  • filter with className

  • filter with getAttribute

  • for with classList

  • for with className

  • for with getAttribute

  • getElementsByClassName

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    querySelectorAll with .class
    querySelectorAll with [attribute]
    filter with classList
    filter with className
    filter with getAttribute
    for with classList
    for with className
    for with getAttribute
    getElementsByClassName

    Fastest: N/A

    Slowest: N/A

Get performance results from real users on your website with Request Metrics.
Latest run results:
Run details: (Test run date: one year ago)
Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36
Chrome 112 on Linux
View result in a separate tab
Test name Executions per second
querySelectorAll with .class 706.7 Ops/sec
querySelectorAll with [attribute] 343.7 Ops/sec
filter with classList 78.2 Ops/sec
filter with className 144.8 Ops/sec
filter with getAttribute 162.9 Ops/sec
for with classList 49.4 Ops/sec
for with className 58.3 Ops/sec
for with getAttribute 57.6 Ops/sec
getElementsByClassName 1963432.0 Ops/sec