Performance 简单的fadeIn总是滞后的_Performance_Animation_Html_Render

Performance 简单的fadeIn总是滞后的

performance animation html

Performance 简单的fadeIn总是滞后的,performance,animation,html,render,Performance,Animation,Html,Render,当我选择显示此图片时，页面上的所有动画都有问题。我尝试过用fadeIn、visibility、animate:opacity、display:block来显示它，无论我以何种方式显示它，都会导致浏览器阻塞。一定有办法解决这个问题。（我也尝试过预加载图像，但没有任何区别！）这只是图像的大小吗我怀疑是图像大小的问题。快速测试表明，可以显示持续时间为5秒的fadeIn，但使用持续时间为1秒的fadeIn根本不会显示任何褪色效果，只需立即显示图像为大小为1MB的图像设置动画不是您想要做的事情。如果

当我选择显示此图片时，页面上的所有动画都有问题。我尝试过用fadeIn、visibility、animate:opacity、display:block来显示它，无论我以何种方式显示它，都会导致浏览器阻塞。一定有办法解决这个问题。（我也尝试过预加载图像，但没有任何区别！）这只是图像的大小吗

我怀疑是图像大小的问题。快速测试表明，可以显示持续时间为5秒的fadeIn，但使用持续时间为1秒的fadeIn根本不会显示任何褪色效果，只需立即显示图像

为大小为1MB的图像设置动画不是您想要做的事情。如果你真的需要这样大的图片，试着给每一帧添加一个与页面背景相匹配的背景，并将其保存为JPG。这可能会减少一点大小，但不能保证它会阻止浏览器阻塞