google-chrome - TweenMax 和 TweenLite 的区别？

Question

之间是否有速度或垃圾收集的差异？ TweenMax & TweenLite ?

实际上，目前我正在使用 500 多个 TweenMax 补间，该网站在 Firefox 中运行良好，但在 chrome 和 safari 中，补间滞后非常严重。

Difference between TweenMax & TweenLite based on GC & speed ?

Answer 1

它是 高度您不太可能注意到两者之间的任何性能差异，但从技术上讲，TweenLite 的速度非常快(同样，如果它甚至有点明显，我会感到震惊)只是因为它不必容纳那么多的功能(例如重复/悠悠球)。 TweenMax 有更多的属性，所以实例占用更多的内存。再次，意义不大。两者都针对性能进行了 super 优化，并且 GC 对任何一个都不是问题。

在 浩瀚大多数情况下，性能问题与 TweenLite 或 TweenMax 无关 - 浏览器中的图形渲染需要成倍增加的马力才能完成。换句话说，JavaScript 执行只占 CPU/GPU 总消耗的一小部分。您可能想尝试设置 force3D:true在补间强制目标到它自己的 GPU 层。

我的猜测是您的 Chrome/Safari 问题与 TweenLite/TweenMax 无关，但我没有时间对您的链接进行全面分析。我看到您在 Chrome 开发工具时间线中有一些非常大的“复合层”事件(超过 60 毫秒)。实际的 JS 执行(这就是 TweenLite/TweenMax 所做的)看起来非常快。