Run results for: translate - MeasureThat.net

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/130.0.0.0 Safari/537.36

Browser: Chrome 130

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

sep

10K/s

default

8K/s

View exact numbers

Test name	Executions per second
✓ sep	10,451 Ops/sec
default	8,143 Ops/sec

HTML Preparation code:

<div id="elem" style="background:#ccc; width:10px; height:10px;"></div>
<script>
  var elem = document.getElementById("elem");
  var style = elem.style;
</script>

Tests:

default
var x = y = 0; for (var i = 100; i--;) { x = i; y = i * 5; var transform = 'translate(' + x + 'px, ' + y + ')'; style.MozTransform = transform; style.webkitTransform = transform; }
sep
var x = y = 0; for (var i = 100; i--;) { x = i; y = i * 5; var transform = 'translateX(' + x + 'px) translateY(' + y + 'px)'; style.MozTransform = transform; style.webkitTransform = transform; }