performance - 使用框阴影时站点速度极慢，但仅在 Mac 上？

Question

我有一个内部网络应用程序，他们可以在其中创建市议 session 程。他们多年来一直在 MS Word 中做这件事并将其打印出来。我想对打印页面的外观进行“实时预览”。我在我的所有 Linux 机器上都这样做了。一切都很棒。在 IE7-8、Opera、Chrome 和 Firefox 中测试。所有的外观和感觉都像纸一样，而且运行良好。

但遗憾的是，我在我的 Mac 盒子上检查了它，无论出于何种原因，它太慢了，几乎无法在 Chrome 和 FF 中使用。它非常不稳定等。我无法弄清楚然后我只删除了这些行:

-moz-box-shadow:#000 0 0 10px,inset #999 0 0 50px;
-webkit-box-shadow:#000 0 0 10px,inset #999 0 0 75px;

一切都变得又快又如丝般顺滑。

那么，除了操作系统嗅探和删除 CSS 属性之外，还有什么原因或如何修复的想法吗？

Answer 1

几点:

• 作为mentioned在 weltraumpirat 指出的问题中，-moz-border-image 是一种可能的选择。

• 您是否尝试过只使用一个框阴影而不是多个？如果您的设计可以不用其中之一，这将减少滚动延迟。

• 特别是因为这是一个内部网络应用程序，请牢记您的目标受众。例如，如果使用该应用程序的每个人都在城市发行的 Windows 工作站上运行，则您不必担心 Mac 渲染性能。 (我意识到这可能是显而易见的，但无论如何都值得指出。)