Css 转换属性是否影响浏览器性能?

Css 转换属性是否影响浏览器性能?,css,performance,browser,transition,Css,Performance,Browser,Transition,出于好奇,如果您使用特定属性(例如transition:color.3s)与常规属性transition:all.3s),在性能值方面是否有任何差异?让浏览器控制动画序列可以通过改变帧速率来优化性能和效率,最小化油漆并将部分工作卸载到GPU 在上述情况下,all与color的性能损失(如有)应该可以忽略不计(微秒) 有关更多详细信息,请参阅。如果只有颜色发生变化,它们的性能应该类似,但它将适用于给定元素样式的任何变化。这种差异(如果有的话)在大多数现代浏览器中可能无法察觉 这是一个明显的可能性,

出于好奇,如果您使用特定属性(例如
transition:color.3s
)与常规属性
transition:all.3s
),在性能值方面是否有任何差异?

让浏览器控制动画序列可以通过改变帧速率来优化性能和效率,最小化油漆并将部分工作卸载到GPU

在上述情况下,
all
color
的性能损失(如有)应该可以忽略不计(微秒)


有关更多详细信息,请参阅。

如果只有颜色发生变化,它们的性能应该类似,但它将适用于给定元素样式的任何变化。这种差异(如果有的话)在大多数现代浏览器中可能无法察觉

这是一个明显的可能性,“所有”都经过优化,以确保只遵守必要的礼仪


因此,唯一需要考虑的是另一种礼节可能会发生变化,您不希望在其上进行0.3秒的转换。

有许多资料可以解释CSS中动画和转换的性能问题。在我看来,我找到的最好的解释是