gsap-performance 是排查 GSAP 动画成本的 Skill。它关注属性选择、布局读写、高频更新和同时运行数量,帮助找到卡顿的具体来源。
移动优先考虑变换与透明度,避免为了挪位置反复改布局。混合读取尺寸和写样式时,先整理读写顺序;频繁响应输入也可复用更新路径,减少每次创建新动画。
长列表只处理必要项,页面离开后清理动画和监听。will-change 是浏览器提示,不是越多越快;transform 也不保证完全没有绘制成本,仍需看元素内容与设备。
适合已出现卡顿的页面。本文未改代码或测帧率,ScrollTrigger 进阶引用未展开;原文平滑参数和性能说法不能当固定收益,修改前后要比较真实场景,不能只凭视觉顺滑承诺六十帧。