Box-shadow非常慢的滚动(特别是 - 歌剧)

时间:2012-02-07 22:50:39

标签: css scroll opera css3 lag

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

你应该注意某些可能导致页面变慢的因素:

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

虽然旧页面有效,但仍然可以看到一些需要优化的内容。