greensock set transform performance

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.3/TweenMax.min.js"></script>

CSS

.box {
  position: absolute;
  width: 10px; height: 10px;
  background: #ccc;
}

JavaScript

var html = '';
for(var i=0;i<1000;i++) {
	html += '<div id="css-set-transform-'+i+'" class="box"></div>';
  html += '<div id="gsap-set-transform-'+i+'" class="box"></div>';
}
$('body').append(html);

console.time('css set transform')
for(var i=0;i<1000;i++) {
	$('#css-set-transform-' + i).css('transform', 'translate('+i+'px, '+i+'px)')
}
console.timeEnd('css set transform')

console.time('gsap set transform')
for(var i=0;i<1000;i++) {
	TweenLite.set('#gsap-set-transform-' + i, { x: i, y: i});
}
console.timeEnd('gsap set transform')