Investigate whether style setting can be more optimized

[sophiebits]

See http://jsfiddle.net/Ut2X6/; if you do a profile, setValueForStyles takes most of the time.

[sophiebits]

Perhaps relevant: http://jsperf.com/style-vs-csstext-vs-setattribute/8. Not sure if I screwed something up there because when running the first snippet the boxes don't seem to appear but for the other three they do.

[SanderSpies]

Would also look into using

var styleNames = Object.keys(styles);
for (var i = 0, l = styleNames.length; i < l; i++) {
var styleName = styleNames[i];

instead of:

for (var styleName in styles) {
if (!styles.hasOwnProperty(styleName)) {
continue;
}

[sophiebits]

Replacing setValueForStyles with

  setValueForStyles: function(node, styles) {
    node.style.top = styles.top + 'px';
    node.style.left = styles.left + 'px';
    node.style.background = styles.background;
  }

doesn't give a noticeable bump on that benchmark (possibly 5%, but hard to tell), so it's hard for me to believe there's much we can do here. Closing…