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

 Find only one elment by class (version: 1)

Comparing performance of: querySelector vs querySelectorAll vs getElementByClassName vs find().first() vs find().filter() vs find(first)

Created: 7 years ago by: Registered User
Jump to the latest result
HTML Preparation code:
Script Preparation code:
Tests:

  • querySelector

  • querySelectorAll

  • getElementByClassName

  • find().first()

  • find().filter()

  • find(first)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results
  • Test case name Result
    querySelector
    querySelectorAll
    getElementByClassName
    find().first()
    find().filter()
    find(first)

    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: 7 years ago)
Mozilla/5.0 (Windows NT 6.3; WOW64; rv:46.0) Gecko/20100101 Firefox/46.0
Firefox 46 on Windows 8.1
View result in a separate tab
Test name Executions per second
querySelector 3239.7 Ops/sec
querySelectorAll 1155.0 Ops/sec
getElementByClassName 4386399.0 Ops/sec
find().first() 90870.2 Ops/sec
find().filter() 35150.4 Ops/sec
find(first) 56690.5 Ops/sec