在Webkit上显示大型背景SVG缓慢？

Question

我为我的网站设计了一个大型SVG图形作为背景。这里有一个示例： http://jsfiddle.net/aAwgU/4/embedded/result/

body{
    background: url(http://www.thedavidcummings.com/images/html.svg) no-repeat fixed right;
    background-size: auto 100%;
}

在Chrome和Firefox中表现良好，但在Safari中导航页面和调整浏览器大小非常缓慢，并且在我的iPhone上完全崩溃。这是WebKit中的一个bug吗？

有没有办法使我的.svg更友好于WebKit？还是我应该只使用图像？SVG非常理想，因为文件大小很小（仅7k）。我能够制作的最小.png等效文件大小为150k。我想保持尺寸较大，使图像缩放得很好。

- Agargara

---

不幸的是，我也遇到了同样的问题。Safari 5实际上很棒，然而Safari 6推出后，我发现它的SVG性能和一致性变得更加糟糕了。 - Christian

Answer 1

你可以使用类似https://github.com/svg/svgo（node）的工具来优化SVG，它会减小文件大小并有时提高渲染时间。

遗憾的是，Safari现在处理SVG非常缓慢。

- Hey Hey

---

谢谢，这似乎是目前最好的选择。最终我完全放弃了背景图片。 - Agargara