我正在使用导致大量浏览器重排的应用。性能是一个关键问题。从性能的角度来看,对于某些DOM元素使用CSS3渐变或图像渐变是否更好?使用CSS文本阴影和渐变的页面是否会使用较慢的回流作为使用图像来实现这些视觉效果的页面? 此外,我可以使用任何回流测试吗?
答案 0 :(得分:1)
对于绘图,CSS渐变和阴影对CPU的任务比图像更重要。性能过去非常糟糕,现在可以接受了。如果你有大量的渐变/阴影,你应该只实现它们并在现实环境中进行测试。如果你只有一些,我不会担心它。
答案 1 :(得分:0)
这很大程度上取决于浏览器如何呈现它,但在大多数情况下,这些事情会变慢。此外,在旧版浏览器中,您将拥有更少像素完美的显示效果。但是,这也可以分割您的受众群体,因为通常更新的浏览器也会更新计算机。因此,这是一种权衡,可以对您有利,基本上为您的网站提供一个精简版本,以便无法处理它。这不保证,但我发现它通常很平衡。
总的来说,现实世界的测试是要走的路。构建它,查看它是否有效,并在找到它们后修复性能问题。我会毫不犹豫,因为它有可能不起作用。如果它运作得很好并且您没有尝试,那么您永远不会知道!