Latest Benchmarks

Browse the latest JavaScript performance benchmarks created by the community.

jQuery each vs pure JS

Searching for tagName

Element by ID fetching. Javascript vs selectors.

Fetching elements into a jquery object using different means. Multiple calls to document.getElementByID vs comma separated selector.

this vs that

What is faster? Referencing something with this or with a variable called that, pointing to this?

ownerDocument.defaultView vs window.getComputedStyle

No description provided

parse hex to bytes

No description provided

For vs foreach

No description provided

map vs. for vs. for in vs. forEach

No description provided

bind-vs-arrow

No description provided

classList.contains vs.

No description provided

Array Access

No description provided

className vs. setAttribute vs. classList

No description provided

innerhtml vs removechild

No description provided

Observables: loops versus EventTarget

When the “observable” pattern is implemented in JavaScript, it's practically always done using a loop over callbacks. One problem with this approach is that an exception in one handler will crash the entire loop. You can work around this by wrapping the invocation in a try/catch block, but in doing so, you silently swallow the error. The browser provides an event dispatcher for DOM elements that runs each handler in a separate execution context, providing a better failure mode for independent listeners. `EventTarget` is an interface, so you can't directly instantiate one. But you can hijack the `EventTarget` implementation from a dummy object. This test compares multi-listener dispatches using loops and the built-in `EventTarget`. My expectation is that the native mechanism will carry some overhead, partly because of the bespoke execution context, and partly because of the extra properties instantiated on each `CustomEvent` instance. This method also has to look up events by their (string) names, rather than using direct object reference. See http://dean.edwards.name/weblog/2009/03/callbacks-vs-events/

innerHTML vs removeChild

No description provided

Array .push() vs .unshift()

No description provided

Array .push() vs .unshift()

No description provided

Try-Catch Loop

No description provided

Arrays vs Objects

No description provided

Local scope vs outer scope variables

Cache variable in the function scope

Which equals operator (== vs ===) is faster?

Is there a performance benefit to replacing == with ===?

regex test

Test

regex test

Test

forEach vs for vs Query each

with <link>

forEach vs jQuery each

with <link>

Array filter vs. for loop - with for in 2

This version declares i once before

NEW BENCHMARK Your Benchmarks