Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/415.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript lottiefiles动画在web中的性能问题_Javascript_Html_Animation_Lottie - Fatal编程技术网

Javascript lottiefiles动画在web中的性能问题

Javascript lottiefiles动画在web中的性能问题,javascript,html,animation,lottie,Javascript,Html,Animation,Lottie,嗨,我在我的网站上使用了一些电报标签,将它们上传到Lottiefiles网站,并将它们导出为json文件。 但当我进入我的网站页面时,我的谷歌Chrome浏览器使用了我笔记本电脑80%的CPU,而且动画在笔记本电脑上播放也有滞后! 如何解决这一严重的性能问题? 谢谢不要在你的网站上使用乐蒂文件,我试着使用vue Lottie npm软件包,发现我的网站速度慢了很多倍,而且过渡看起来很不稳定 解决方案实际上是不使用SVG动画,除非它们是为web构建的(使用html和css,有时也使用JavaScr

嗨,我在我的网站上使用了一些电报标签,将它们上传到Lottiefiles网站,并将它们导出为json文件。 但当我进入我的网站页面时,我的谷歌Chrome浏览器使用了我笔记本电脑80%的CPU,而且动画在笔记本电脑上播放也有滞后! 如何解决这一严重的性能问题?
谢谢不要在你的网站上使用乐蒂文件,我试着使用vue Lottie npm软件包,发现我的网站速度慢了很多倍,而且过渡看起来很不稳定

解决方案实际上是不使用SVG动画,除非它们是为web构建的(使用html和css,有时也使用JavaScript)

这就是为什么你在网站上看不到很多动画的原因,让一个技术性的网页设计师为一个动画编写代码要花很多钱,因为它不能很好地从后效中移植


您可以尝试将动画用作视频,但这仅适用于您的背景为白色(我从UI8购买的几乎所有动画都是白色bg)或您是经验丰富的视频编辑器,能够根据需要更改背景颜色。明显的缺点是,如果您的网站设计发生变化,您必须重新进行视频编辑。

我也在为同样的问题苦苦挣扎。。。。