Box-shadow 滚动很慢（特别是 - 歌剧）答案

【问题标题】：Box-shadow very slow scrolling (particularly - opera)Box-shadow 滚动很慢（特别是 - 歌剧）
【发布时间】：2012-02-08 08:25:23
【问题描述】：

我是第一次在这个网站上写，因为我对 css3 的 box-shadow 有很大的问题，所以我从头开始:) 我制作了网站，它运行良好，直到我更改了所有图形。我做了 box-shadow，现在我的网站运行得很慢（完全滚动）。地址：skuterpl.vot.pl（带有新图形和框阴影的版本） strona.pzs1.pl （旧版本，旧图形，没有框阴影，这个网站很好用）。我请求你帮我解决这个问题。

【问题讨论】：

skuterpl.vot.pl 在 Firefox 10 中滚动对我来说很好。您可能希望减少 radius 以获得更好的性能。

标签： scroll opera css lag

【解决方案1】：

如果你有一个非常大的阴影半径，它会影响性能 - 这里有一篇关于它影响 webkit 浏览器 CSS3 box-shadow causes scroll-lag (slow performance) on Safari 5.0.2? 的帖子，尽管我相信现在已经修复。

降低框半径模糊量应该可以解决问题。

【讨论】：

【解决方案2】：

您应该注意可能会降低页面速度的某些因素：

大量图形（如巨大的背景）
固定背景
元素不透明度/图像透明度
动画图像
文本/框阴影
不断运行的脚本/事件触发（如滚动事件）

虽然旧页面可以运行，但我仍然可以看到一些需要优化的地方。

【讨论】：

图形很好，因为如果我关闭所有 box-shadow，网站运行良好，所以问题是 box-shadow，需要修复。