All things being equally unoptimized, is it more efficient to move many small sprites* with position: absolute;
and left
/top
... or is it better to use CSS3 transforms and translate
(or translate3d
) ... or is HTML5 canvas** best?? *Large sprites / parallax layers have their own test, tile maps need a test **HTML5 canvas may have very different performance profile at a much larger size with the same number/size sprites
normal | w/ translateZ(0) | scaled 110% | w/ translateZ(0) | |
---|---|---|---|---|
left/top | -- | -- | -- | -- |
translate | -- | -- | -- | -- |
translate3d | -- | -- | -- | -- |
canvas | -- | -- | -- | -- |