Latest Benchmarks

Browse the latest JavaScript performance benchmarks created by the community.

OOP-ish SoA vs AoS

Same as usual Float Array base SoA vs AoS but with classes and objects instead of raw number. I was cursious if the benefit of SoA still holds true even with classes. Same as https://www.measurethat.net/Benchmarks/Show/1909/0/soa-vs-aos but with classes. And some window hackery to get around dated benchmarking suite...

Classes SoA vs AoS

Same as usual Float Array base SoA vs AoS but with classes and objects instead of raw number. I was cursious if the benefit of SoA still holds true even with classes.

createContextualFragment vs innerHMTL - w/ Dom Destroy and Replace

Test speed of createContextualFragment append nodes vs replacing innerHTML.

cloneNode(true) vs innerHMTL - w/ Dom Destroy and Replace

Test speed of clone / append nodes vs replacing innerHTML.

6 properties - style.setProperty vs style.cssText vs style vs Object.assign vs setAttribute (with string concat)

No description provided

cloneNode(true) vs innerHMTL - w/ Destroy DOM fixed

No description provided

cloneNode(true) vs innerHMTL - w/ Destroy DOM

No description provided

cloneNode(true) vs innerHMTL

No description provided

range.createContextualFragment vs template.innerHtml Fork

No description provided

React createElement vs cloneElement

No description provided

UTF-8 vs UTF-16 WASM String Interface

No description provided

dataset keys vs attributes.filter

checks which is faster between dataset and filtering attributes

JS BigInt big number performance v9

Compare Number vs BigInt for big numbers

array find vs new Set has inside a filter

I created two arrays: one with 100 numbers and another with 10,000 random numbers. Then, i filtered the first array to check for the presence of the number 5 in the second array using two different methods. In the first test case, i used the .find() method, which iterates through the 10,000-number array to locate the number 5 and returns the first matching value. In the second test case, i converted the 10,000-number array into a Set and used the .has() method to check for the presence of the number 5. The goal is to compare both approaches and determine which one is faster and which one use less memory.

Test direct and destructuring performances

No description provided

Date constructor inputs (extended by input of pre-existing Date object)

No description provided

Mul vs Square Root functions

Measure the performance of the Power and Square Root functions. Conclusion: The underlying math logic seems to be the same, regardless of the function used.

Lodash UniqBy vs. Vanilla alternative

No description provided

Map copying

No description provided

Map.values().toArray() vs Array.from(Map.values()) vs [...Map.values()]

No description provided

Array.filter vs Array.splice

No description provided

querySelector vs getElementsByClassName with destructuring assignment vs getElementsByClassName get first element

No description provided

querySelector vs getElementsByClassName with destructuring assignment

No description provided

Array.push + Array.reverse vs Array.unshift

No description provided

DecodeURI Ops

No description provided