MeasureThat.net
  • Create a benchmark
  • Online Toolsnew
  • About
  • Feedback
  • Buy me a coffeeBuy me a coffee

 getElementsByClassName vs querySelector vs jQuery (version: 0)

Comparing performance of: getElementsByClassName vs querySelector vs querySelector (attribute) vs querySelectorAll vs querySelectorAll (attribute) vs jQuery vs jQuery (attribute)

Created: 2 years ago by: Guest
Jump to the latest result
HTML Preparation code:
Tests:

  • getElementsByClassName

  • querySelector

  • querySelector (attribute)

  • querySelectorAll

  • querySelectorAll (attribute)

  • jQuery

  • jQuery (attribute)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    getElementsByClassName
    querySelector
    querySelector (attribute)
    querySelectorAll
    querySelectorAll (attribute)
    jQuery
    jQuery (attribute)

    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: 2 years ago)
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/94.0.4606.54 Safari/537.36
Chrome 94 on Mac OS X 10.15.7
View result in a separate tab
Test name Executions per second
getElementsByClassName 3937019.0 Ops/sec
querySelector 4201932.0 Ops/sec
querySelector (attribute) 1963690.0 Ops/sec
querySelectorAll 1816761.0 Ops/sec
querySelectorAll (attribute) 1073458.0 Ops/sec
jQuery 716839.6 Ops/sec
jQuery (attribute) 476319.7 Ops/sec