Benchmark name | When Created |
---|---|
for (cached length) vs foreach vs some
Compare loop performance |
6 years ago |
clone vs cloneNode | 6 years ago |
Delete property from object
Testing the performance of using `delete` keyword VS setting prop to null to remove an property of an object |
6 years ago |
Math.max/min vs if vs ternary operator | 6 years ago |
Object.assign vs spread operator - no jquery | 6 years ago |
forEach vs for loop | 6 years ago |
Slice & Splice vs ES6 Array Spread | 6 years ago |
conact vs push | 6 years ago |
Dataview vs Uint8Array - read byte | 6 years ago |
My Test2 | 6 years ago |
Id vs QuerySelector | 6 years ago |
JavaScript spread operator vs Object.assign performance vs access
test |
6 years ago |
Batch your DOM changes, especially when updating styles
https://www.linkedin.com/pulse/25-techniques-javascript-performance-optimization-steven-de-salas When making calls to modify DOM make sure you batch them up so as to avoid repeated screen rendering, for example when applying styling changes. The ideal approach here is to make many styling changes in one go by adding or removing a class, rather than apply each individual style separately. This is because every DOM change prompts the browser to re-render the whole UI using the boxing model. If you need to move an item across the page using X+Y coordinates, make sure that these two are applied at the same time rather than separately. |
6 years ago |
My Test | 6 years ago |
Compute factorial of a number in JavaScript
Iterative and recursive versions Implementations borrowed from https://medium.freecodecamp.org/how-to-factorialize-a-number-in-javascript-9263c89a4b38 |
6 years ago |
Spread operator vs Array.push vs array[lastIndex] | 6 years ago |
querySelector vs getElementsByClassName v3 | 6 years ago |
Multiply speed test 3 | 6 years ago |
document.head vs document.getElementsByTagName | 6 years ago |
document.head vs document.getElementsByTagName("head")[0] fork123456 | 6 years ago |
document.head vs document.getElementsByTagName("head")[0] fork12345 | 6 years ago |
document.head vs document.getElementsByTagName("head")[0] fork1234 | 6 years ago |
document.head vs document.getElementsByTagName("head")[0] fork123 | 6 years ago |
document.head vs document.getElementsByTagName("head")[0] | 6 years ago |
JavaScript spread operator vs Object.assign performance | 6 years ago |