在IE中首次使用时,转换运行速度较慢

时间:2016-01-28 12:37:45

标签: css css-transitions transitions

我有一个transition: all .25s linear;的元素。

只要在IE11中加载页面,它在第一次使用时运行速度会稍微慢一点,然后按预期工作。为什么是这样?是否有一些动画缓存?在Chrome中按预期工作。

这听起来很挑剔,但这是一个引人注目且烦人的故障,因为元素位置受其影响,而在较慢的负载上,你可以看到你不应该看到的背景元素。

1 个答案:

答案 0 :(得分:1)

我怀疑由于初始页面加载,它第一次运行缓慢。可能还有其他正在运行的进程可能会减慢转换速度。第二次将更顺畅,因为资源已被缓存,性能不受阻碍。我将通过https://developers.google.com/speed/pagespeed/?hl=en运行您的网站,以查找可能妨碍性能的任何渲染阻止脚本。

另请参阅此文章以确定哪些属性可以便宜地设置动画。 http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/