网页中的lottiefiles动画性能问题
网页中的lottiefiles动画性能问题
提问于 2020-11-30 15:58:17
嗨，我在我的网站上使用了一些电报贴纸，将它们上传到Lottiefiles网站，并将它们导出为json文件。但是当我打开我的网站页面时，我的Google Chrome浏览器使用了我笔记本电脑CPU的大约80%，而且在笔记本电脑中播放动画也有延迟！我如何解决这个严重的性能问题？谢谢
回答 1
Stack Overflow用户
发布于 2021-02-14 05:06:56
不要在你的网站上使用Lottie文件，我试着使用vue-lottie npm包，发现我的网站慢了很多倍，转换看起来非常不稳定。
真正的解决方案是不使用SVG动画，除非它们是为web构建的(使用html和css，有时也使用JavaScript )。
这就是为什么你在网站上看不到很多动画的原因，考虑到它不能很好地从after effects移植过来，让一个技术网页设计师为它写代码需要花费很多钱。
你可以尝试使用动画作为视频，但这只适用于你的背景是白色的(我从UI8购买的几乎所有动画都是白色的bg)，或者你是一个经验丰富的视频编辑器，能够根据你的需要改变背景颜色。明显的缺点是，如果你的网站设计改变，你必须重做视频编辑。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65069832
复制相关文章
相似问题
腾讯云开发者
