使用盒子阴影的网站非常慢,但只是在Mac上?

时间:2011-01-05 22:07:38

标签: css performance macos optimization css3

我有一个内部网络应用程序,他们可以创建市议会议程。他们一直在用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属性之外,还有什么想法或如何修复?

1 个答案:

答案 0 :(得分:1)

几点:

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

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

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