jsPerf.app is an online JavaScript performance benchmark test runner & jsperf.com mirror. It is a complete rewrite in homage to the once excellent jsperf.com now with hopefully a more modern & maintainable codebase.
jsperf.com URLs are mirrored at the same path, e.g:
https://jsperf.com/negative-modulo/2
Can be accessed at:
https://jsperf.app/negative-modulo/2
<!DOCTYPE html>
<html>
<head>
<style>
.margin-\[--margin-var\] {
margin: var(--margin-var)
}
.margin-\[5px\] {
margin: 5px
}
</style>
</head>
<body>
<div id="app"></div>
</div>
</body>
</html>
function createComponentWithCSSVariable() {
const el = document.getElementById('app');
el.className = 'margin-[--margin-var]'
el.style = {'--margin-var': '5px'}
}
function createComponentWithAtomicClass() {
document.getElementById('app').className = 'margin-[5px]'
}
Ready to run.
Test | Ops/sec | |
---|---|---|
Inline |
| ready |
JS |
| ready |
You can edit these tests or add more tests to this page by appending /edit to the URL.