浏览器重绘/重排性能：使用CSS3 Gradients与PNG Gradients

我正在一个导致大量浏览器重排的应用程序。性能是一个关键问题。从性能的角度来看，对于某些DOM元素使用CSS3渐变或图像渐变是否更好？使用CSS文本阴影和渐变的页面是否会使用较慢的回流作为使用图像来实现这些视觉效果的页面？ 此外，我可以使用任何回流测试吗？     
2019-07-18 3 条评论
分享

没有找到相关结果

    已邀请:

    旦彤

    对于绘图，CSS渐变和阴影对CPU的任务比图像更重要。性能过去非常糟糕，现在可以接受了。如果你有大量的渐变/阴影，你应该只实现它们并在现实环境中进行测试。如果你只有几个，我不担心。     
    2019-07-18 0 0
    分享

    嗓瑰

    这很大程度上取决于浏览器如何呈现它，但在大多数情况下，这些事情会变慢。此外，在旧版浏览器中，您将拥有更少像素完美的显示效果。但是，这也可以分割您的受众群体，因为通常更新的浏览器也会更新计算机。因此，这是一种权衡，可以对您有利，基本上为您的网站提供一个精简版本，以便无法处理它。这不保证，但我发现它通常很平衡。 总的来说，现实世界的测试是要走的路。构建它，查看它是否有效，并在找到它们后修复性能问题。我会毫不犹豫，因为它有可能不起作用。如果它工作正常，你不尝试，你永远不会知道！     
    2019-07-18 0 0
    分享
    为什么被折叠? 0 个回复被折叠

    要回复问题请先登录或注册

    或代码 OrCode.com 备案号：粤ICP备15020848号-1
    Escape time: 0.050376892089844