Difference between TweenMax & TweenLite? Difference between TweenMax & TweenLite? google-chrome google-chrome

Difference between TweenMax & TweenLite?


It's highly unlikely you'd notice any performance difference between the two, but technically TweenLite is very slightly faster (again, I'd be shocked if it's even slightly noticeable) only because it doesn't have to accommodate quite as many features (like repeat/yoyo). TweenMax has a few more properties, so instances take up a bit more memory. Again, not significant. Both are super optimized for performance and GC shouldn't be an issue for either one.

In the VAST majority of cases, performance problems have nothing to do with TweenLite or TweenMax - it's graphics rendering in the browser that takes exponentially more horsepower to complete. In other words, JavaScript execution is a small percentage of the overall CPU/GPU drain. You might want to try setting force3D:true on tweens to force the target onto its own GPU layer.

My guess is that your Chrome/Safari issues are unrelated to TweenLite/TweenMax but I didn't have time to do a full analysis of your link. I saw that you have some pretty huge "composite layers" events (in excess of 60ms) in the Chrome Dev Tools timeline. The actual JS execution (which is what TweenLite/TweenMax do) looked plenty fast.