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

Question

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

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

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

Answer 1

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

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