Lottie动画在移动端卡顿怎么办？

W″子慧提问于 2026-03-17 16:22:22 阅读 3

交互

我在项目里用 Lottie 加载了一个 JSON 动画，桌面端跑得很流畅，但一到手机上就明显卡顿，尤其在低端安卓机上几乎动不了。我试过把动画帧率从 60 降到 30，也压缩了 JSON 文件大小，但效果不明显。

目前是用 lottie.loadAnimation 直接加载的，有没有什么优化技巧？比如是否要开启硬件加速，或者用 canvas 渲染代替 SVG？

lottie.loadAnimation({
  container: document.getElementById('anim'),
  renderer: 'svg',
  loop: true,
  autoplay: true,
  path: 'animation.json'
});

JS动画动画效果用户体验

我来解答赞 1 收藏

反馈

暂无解答