浏览器是通过CSS还是图像更快地渲染渐变？

Question

我将编写一个相当图形密集的网站，页面的整个背景将包含一个多站线性渐变。

我的问题是，如果页面的背景使用CSS3创建渐变，或者如果我将渐变创建为png并且使用{{1}，则渲染速度更快，浏览器是否可以更快地渲染它（以及其他动画内容）创建页面背景。

这是绘制速度我对此实例中的页面加载时间感兴趣。我认为 png会更快，但不确定。

Answer 1

这肯定取决于渐变的类型，渐变的大小以及您正在运行的浏览器。它也可能受到顶层等层的影响。

如果速度绝对至关重要，那么在您希望大多数用户使用的浏览器上并排测量这两种方法。

请注意，未来版本中的性能可能会发生变化。

Answer 2

我希望我有一种不太主观的测量方法，但似乎使用CSS中的线性渐变比使用大图像更好。