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

Run results for: JS getElementById vs querySelector vs getElementsByClassName

Speed of getElementById vs querySelector vs getElementsByClassName

Go to the benchmark
Run details:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.54 Safari/537.36
Chrome 101
Mac OS X 10.15.7
Desktop
2 years ago
Test name Executions per second
getElementById 3692020.0 Ops/sec
querySelector (ID) 2101665.0 Ops/sec
querySelector (CLASSNAME) 3119378.0 Ops/sec
getElementsByClassName 2581612.0 Ops/sec
Website performance monitoring
HTML Preparation code:
Tests:

  • getElementById

  • querySelector (ID)

  • querySelector (CLASSNAME)

  • getElementsByClassName