在 IE 中首次使用时,过渡运行速度较慢



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

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

这听起来很挑剔,但这是一个明显且烦人的故障,因为元素位置受它的影响,并且在较慢的加载中,您可以看到一个不应该看到的背景元素。

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

另请参阅本文以确定哪些属性可以廉价地进行动画处理。http://www.html5rocks.com/en/tutorials/speed/high-performance-animations/

最新更新