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

Transitions run slower on first use in IE

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

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

中按预期工作

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

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

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