Scroll 框阴影滚动速度非常慢(尤其是-opera)

Scroll 框阴影滚动速度非常慢(尤其是-opera),scroll,opera,css,lag,Scroll,Opera,Css,Lag,我第一次在这个网站上写作,因为我对css3有很大的问题,所以我从头开始:) 我制作了一个网站,它运行良好,直到我改变了所有的图形。 我做了框阴影,现在我的网站工作非常慢(确切地说是滚动)。 地址:skuterpl.vot.pl(带有新图形和框阴影的版本) strona.pzs1.pl(旧版本,带有旧图形,没有方框阴影,这个网站运行得非常好)。 我请求你帮我解决这个问题 如果你有一个很大的阴影半径,它可能会影响性能-这里有一篇关于它影响webkit浏览器的帖子,不过我相信现在已经修复了 降低框半径

我第一次在这个网站上写作,因为我对css3有很大的问题,所以我从头开始:) 我制作了一个网站,它运行良好,直到我改变了所有的图形。 我做了框阴影,现在我的网站工作非常慢(确切地说是滚动)。 地址:skuterpl.vot.pl(带有新图形和框阴影的版本) strona.pzs1.pl(旧版本,带有旧图形,没有方框阴影,这个网站运行得非常好)。
我请求你帮我解决这个问题

如果你有一个很大的阴影半径,它可能会影响性能-这里有一篇关于它影响webkit浏览器的帖子,不过我相信现在已经修复了


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

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

  • 厚重的图形(如巨大的背景)
  • 固定背景
  • 元素不透明度/图像透明度
  • 动画图像
  • 文本/框阴影
  • 持续运行脚本/事件触发(如滚动事件)

虽然旧页面可以正常工作,但我仍然可以看到一些需要优化的内容。

在Firefox 10中滚动对我来说很好。您可能需要减小
半径
以获得更好的性能。图形效果很好,因为如果我关闭所有框阴影,网站工作正常,因此问题是框阴影,需要进行一些修复。