Performance CSS3转换是否会降低网站的速度？

我目前已将CSS3转换添加到我的网站。 如果可能的话，我不是舒尔，因为它会减慢我的网站速度，但一切似乎都在闪烁，在过渡和flash视频中出现了这种“急促行为”

我正在使用Mozilla Firefox 10.0.02

我在CSS样式表中添加了以下内容：

*:link, *:visited, *:hover, *:active, *:focus {
    -webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
    -o-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
    -moz-transition: color .25s linear, background-color .25s linear, border-color .25s linear;
    transition: color .25s linear, background-color .25s linear, border-color .25s linear;
}

你能告诉我是我的浏览器太慢还是我添加的CSS，如果，那么证据是什么

---

谢谢大家!

这是因为您已将转换添加到这些状态的所有内容中

我会改变：

*:link, *:visited, *:hover, *:active, *:focus {

到

---

所以它更有针对性。否则，当您移动鼠标时，将触发悬停状态，导致浏览器必须检查转换。

任何类型的动画都会向图形系统添加负载，但如果您将CSS转换和Flash等插件组合在一起，则会使负载变差（因为必须组合层）。您的flash wmode是否设置为透明？如果是这样，请尝试使用不透明，因为这将阻止flash动画关注下面发生的事情（从技术上讲，它将成为视频驱动程序中的一个覆盖层）。

好吧，浏览器总是很慢，但可能是CSS规则造成的。你有没有尝试过删除规则，看看它是否变得更快？这将是合理的第一步，以采取哪些浏览器/无人机给你的性能差？Android以其在1.x和2.0中糟糕的CSS3转换而闻名。x@pekka如果没有转换，速度似乎会更快。…@darryn.ten我编辑了我的问题，你会发现我使用的是Mozilla Firefox 10.0.02，这在很大程度上取决于你的浏览器，尤其是你的浏览器。尝试其他浏览器，为测试目的安装所有5个主要浏览器不会有什么坏处。检查您是否有类似问题。另外，它可能是你的电脑。规格？如果你不介意的话，我必须指出（对那些不太了解的人来说）导致性能问题的不是

*

选择器；（无论如何，它应该在选择器之外进行优化）瓶颈完全落在对太多的元素应用转换上，并因此尝试为太多的东西设置动画上。你可以用通用选择器做各种基本的事情，浏览器会很快跟上，但是转换是昂贵的。谢谢你的回答。转换是否会降低加载时间？如中所示，当客户端首次发出请求时，加载页面是否需要更长的时间？不完全是。例如，您可以使用Chrome中的开发工具进行测量，但您可能不会看到太大的差异。这当然取决于你的页面上到底发生了什么。

a:link, a:visited, a:hover, a:active, a:focus, [...Other elements...] {