的box-shadow非常緩慢滾動（特別是 - 歌劇）

Question

我在寫第一次這個網站上，因爲我有確切CSS3的box-shadow大問題，所以我從頭開始:) 我做網站，它一直運行良好，直到我改變了所有圖形 我做了盒子陰影，現在我的網站工作非常慢（正確滾動）。 這是地址：skuterpl.vot.pl（帶有新圖形和箱形陰影的版本） strona.pzs1.pl（舊版本帶舊圖形且沒有箱形陰影，該網站非常好用）。 我要求你幫我解決這個問題。

Answer 1

如果你有一個非常大的陰影半徑，它可能會影響性能 - 這裏有一個帖子關於它的影響WebKit瀏覽器CSS3 box-shadow causes scroll-lag (slow performance) on Safari 5.0.2?，但我相信現在固定。

降低箱子半徑模糊量應該可以解決問題。

Answer 2

事情你應該採取的某些因素通知，可以在頁面減緩：

• 繁重的圖形處理（如巨大的背景）
• 一個固定的背景
• 元素不透明/圖像透明度
• 動畫圖片
• 文本/盒陰影
• 不斷運行的腳本/事件觸發（如滾動事件）

儘管舊的頁面工作，我仍然可以看到一些需要優化的東西。