Performance CSS不透明过滤器比不透明特性快?

Performance CSS不透明过滤器比不透明特性快?,performance,css-filters,Performance,Css Filters,关于第条,它指出: 一般来说,CSS的“不透明度”属性不是硬件加速的,但是一些使用硬件加速实现过滤器的浏览器将加速过滤器版本的不透明度,以获得更好的性能 这似乎意味着在性能密集型应用程序中,应该使用不透明过滤器而不是不透明属性。例如,我在不透明度属性为0.5的图像下渲染画布。我应该改用过滤器吗?使用此筛选器属性时,如何衡量性能的提高,以及在哪些平台上可能会有显著的改进?首先,CSS3筛选器效果是和。因此,请仔细考虑您是否真的需要它们(例如,(04.2013)报告渲染工件)。 并对它们的实现进行了

关于第条,它指出:

一般来说,CSS的“不透明度”属性不是硬件加速的,但是一些使用硬件加速实现过滤器的浏览器将加速过滤器版本的不透明度,以获得更好的性能


这似乎意味着在性能密集型应用程序中,应该使用不透明过滤器而不是不透明属性。例如,我在不透明度属性为0.5的图像下渲染画布。我应该改用过滤器吗?使用此筛选器属性时,如何衡量性能的提高,以及在哪些平台上可能会有显著的改进?

首先,CSS3筛选器效果是和。因此,请仔细考虑您是否真的需要它们(例如,(04.2013)报告渲染工件)。 并对它们的实现进行了概述,两者都表明没有对CSS2或CSS3的歧视(如果有,我会感到惊讶)


第二,(2013年1月1日)显示了IE和Firefox团队的一些在线基准测试结果。有画布、粒子和CSS(旋转)基准。在那里测试的Maxthon(使用WebKit)和Opera版本不支持加速,因此它们给出了性能提升的提示。关于透明度:它的计算量比重采样少几个数量级,因此您不应该注意到此特定操作的任何差异。

Paul Irish在这里说,不透明度是GPU加速的少数CSS属性之一:

此外,可以看出,尽管不透明度在所有浏览器中都得到了支持,但对过滤器的支持严重不足:

更不用说不透明度属性更容易使用


我会坚持你所拥有的。

Trey提到的那篇文章讨论的不是IE的固有过滤器,而是基于WebKit和Blink的浏览器目前支持的CSS3过滤效果()。有趣的是,同一篇文章在下面(在“现代浏览器的可用性”一节中)指出,Chrome中的
opacity
filter“可能会很慢”。html5rocks文章的日期是2012年5月,它肯定已经过时了。Chrome博客2012年6月的文章指出Chrome 19已经支持加速CSS过滤器: