Performance 浏览器重绘/回流性能：使用CSS3渐变与PNG渐变

我正在使用一个导致大量浏览器回流的应用程序。性能是这里的一个关键问题。从性能的角度来看，对一些DOM元素使用CSS3渐变还是图像渐变更好？使用CSS文本阴影和渐变的页面与使用图像实现这些视觉效果的页面相比，回流速度会慢吗？

---

还有，我可以使用回流测试吗？

用于绘图，CSS渐变和阴影对CPU的影响比图像更大。性能过去很差，现在可以接受了。如果你有大量的渐变/阴影，你应该实现它们，并在真实环境中进行测试。如果你有一些，我就不担心了。

对于绘图，CSS渐变和阴影比图像更需要CPU。性能过去很差，现在可以接受了。如果你有大量的渐变/阴影，你应该实现它们，并在真实环境中进行测试。如果你只有一些，我就不担心了。

这在很大程度上取决于浏览器如何渲染它，但在大多数情况下，这些东西会渲染得更慢。此外，在较旧的浏览器中，像素的完美显示效果会有所下降。然而，这也有助于细分你的受众，因为通常那些更新了浏览器的人也有更新了的计算机。因此，这是一个折衷方案，可以为那些无法处理的用户提供一个精简版的站点。这不是保证，但我发现它通常平衡得很好

---

总的来说，现实世界的测试是一条路要走。构建它，看看它是否有效，并在发现性能问题后修复它们。我不会因为它可能不起作用而犹豫。如果它工作得很好，而你不尝试，你永远不会知道

这在很大程度上取决于浏览器的渲染方式，但在大多数情况下，这些东西的渲染速度会变慢。此外，在较旧的浏览器中，像素的完美显示效果会有所下降。然而，这也有助于细分你的受众，因为通常那些更新了浏览器的人也有更新了的计算机。因此，这是一个折衷方案，可以为那些无法处理的用户提供一个精简版的站点。这不是保证，但我发现它通常平衡得很好

总的来说，现实世界的测试是一条路要走。构建它，看看它是否有效，并在发现性能问题后修复它们。我不会因为它可能不起作用而犹豫。如果它工作得很好，而你不尝试，你永远不会知道