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中动画和转换的性能问题。在我看来,我找到的最好的解释是